gsap-plugins

Public audit Eval report Resolve API Install handoff

Suited tasks

Browser automation workflows
Claude Code teams
teams that value GitHub adoption signals
Navigate pages

Suited agents

CodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

Install decision

Command: npx skills add calesthio/OpenMontage --skill gsap-plugins
Policy: review
Human review: yes

Trust and risk

Trust: 80/100
Audit: 90/100
Risk level: Needs review

Outcome loop

Endpoint: /api/agent/outcome
Event ID: resolve
Outcomes: 5

Install command

npx skills add calesthio/OpenMontage --skill gsap-plugins

Do not use when

teams that need a vendor-supported SLA
high-compliance environments without internal security review
No major risk signals from current metadata
Financial research output is not financial advice; require human review before any live investment decision
Financial research output is not financial advice; require human review before any live investment decision.

Alternative

UI-TARS Desktop

37.0K Stars

npx skills add bytedance/UI-TARS-desktop

Alternative

n8n

194.1K Stars

npx skills add n8n-io/n8n

Alternative

MoneyPrinterTurbo

88.5K Stars

npx skills add harry0703/MoneyPrinterTurbo

Alternative

Tasmota

24.7K Stars

npx skills add arendst/Tasmota

Agent resolve plan

Let an agent verify fit before installing.

The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.

Open JSON

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve text

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Install handoff

/api/skills/calesthio-gsap-plugins/install

Agent should check

Task fit and alternatives from Resolve API.
Audit score, trust score, and safety policy warnings.
Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copy prompt

Task: Use gsap-plugins in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/calesthio-gsap-plugins/install
Install command: npx skills add calesthio/OpenMontage --skill gsap-plugins
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent handoff

Give an agent the install path, not another directory page.

Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.

Install handoff

/api/skills/calesthio-gsap-plugins/install

LLM text format

/api/skills/calesthio-gsap-plugins/install?format=text

Find alternatives

/api/skills/search?q=gsap-plugins&limit=3

Agent prompt

Use gsap-plugins for this task. Review https://www.openagentskill.com/api/skills/calesthio-gsap-plugins/install, then install with: npx skills add calesthio/OpenMontage --skill gsap-plugins

Overview

--- name: gsap-plugins description: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG drawing, or plugin registration. license: MIT ---

# GSAP Plugins

## When to Use This Skill

Apply when using or reviewing code that uses GSAP plugins: registering plugins, scroll-to, flip/FLIP animations, draggable elements, SVG (DrawSVG, MorphSVG, MotionPath), text (SplitText, ScrambleText), physics, easing plugins (CustomEase, EasePack, CustomWiggle, CustomBounce), or GSDevTools. ScrollTrigger has its own skill (gsap-scrolltrigger).

**Related skills:** For core tweens use **gsap-core**; for ScrollTrigger use **gsap-scrolltrigger**; for React use **gsap-react**.

## Registering Plugins

Register each plugin once so GSAP (and bundlers) know to include it. Use **gsap.registerPlugin()** with every plugin used in the project:

```javascript import gsap from "gsap"; import { ScrollToPlugin } from "gsap/ScrollToPlugin"; import { Flip } from "gsap/Flip"; import { Draggable } from "gsap/Draggable";

gsap.registerPlugin(ScrollToPlugin, Flip, Draggable); ```

- ✅ Register before using the plugin in any tween or API call. - ✅ In React, register at top level or once in the app (e.g. before first useGSAP); do not register inside a component that re-renders. useGSAP is a plugin that needs to be registered before use.

## Scroll

### ScrollToPlugin

Animates scroll position (window or a scrollable element). Use for “scroll to element” or “scroll to position” without ScrollTrigger.

```javascript gsap.registerPlugin(ScrollToPlugin);

gsap.to(window, { duration: 1, scrollTo: { y: 500 } }); gsap.to(window, { duration: 1, scrollTo: { y: "#section", offsetY: 50 } }); gsap.to(scrollContainer, { duration: 1, scrollTo: { x: "max" } }); ```

**ScrollToPlugin — key config (scrollTo object):**

| Option | Description | |--------|-------------| | `x`, `y` | Target scroll position (number), or `"max"` for maximum | | `element` | Selector or element to scroll to (for scroll-into-view) | | `offsetX`, `offsetY` | Offset in pixels from the target position |

### ScrollSmoother

Smooth scroll wrapper (smooths native scroll). Requires ScrollTrigger and a specific DOM structure (content wrapper + smooth wrapper). Use when smooth, momentum-style scroll is needed. See GSAP docs for setup; register after ScrollTrigger. DOM structure would look like:

```html <body> <div id="smooth-wrapper"> <div id="smooth-content">  </div> </div>  </body> ```

## DOM / UI

### Flip

Capture state with `Flip.getState()`, then apply changes (e.g. layout or class changes), then use `Flip.from()` to animate from the previous state to the new state (FLIP: First, Last, Invert, Play). Use when animating between two layout states (lists, grids, expanded/collapsed).

```javascript gsap.registerPlugin(Flip);

const state = Flip.getState(".item"); // change DOM (reorder, add/remove, change classes) Flip.from(state, { duration: 0.5, ease: "power2.inOut" }); ```

**Flip — key config (Flip.from vars):**

| Option | Description | |--------|-------------| | `absolute` | Use `position: absolute` during the flip (default: `false`) | | `nested` | When true, only the first level of children is measured (better for nested transforms) | | `scale` | When true, scale elements to fit (avoids stretch); default `true` | | `simple` | When true, only position/scale are animated (faster, less accurate) | | `duration`, `ease` | Standard tween options |

#### More information

https://gsap.com/docs/v3/Plugins/Flip

### Draggable

Makes elements draggable, spinnable, or throwable with mouse/touch. Use for sliders, cards, reorderable lists, or any drag interaction.

```javascript gsap.registerPlugin(Draggable, InertiaPlugin);

Draggable.create(".box", { type: "x,y", bounds: "#container", inertia: true }); Draggable.create(".knob", { type: "rotation" }); ```

**Draggable — key config options:**

| Option | Description | |--------|-------------| | `type` | `"x"`, `"y"`, `"x,y"`, `"rotation"`, `"scroll"` | | `bounds` | Element, selector, or `{ minX, maxX, minY, maxY }` to constrain drag | | `inertia` | `true` to enable throw/momentum (requires InertiaPlugin) | | `edgeResistance` | 0–1; resistance when dragging past bounds | | `cursor` | CSS cursor during drag | | `onDragStart`, `onDrag`, `onDragEnd` | Callbacks; receive event and target | | `onThrowUpdate`, `onThrowComplete` | Callbacks when inertia is active |

### Inertia (InertiaPlugin)

Works with Draggable for momentum after release, or track the inertia/velocity of any property of any object so that it can then seamlessly glide to a stop using a simple tween. Register with Draggable when using `inertia: true`:

```javascript gsap.registerPlugin(Draggable, InertiaPlugin); Draggable.create(".box", { type: "x,y", inertia: true }); ```

Or track velocity of a property: ```javascript InertiaPlugin.track(".box", "x"); ```

Then use `"auto"` to continue the current velocity and glide to a stop:

```javascript gsap.to(obj, { inertia: { x: "auto" } }); ```

### Observer

Normalizes pointer and scroll input across devices. Use for swipe, scroll direction, or custom gesture logic without tying directly to scroll position like ScrollTrigger.

```javascript gsap.registerPlugin(Observer);

Observer.create({ target: "#area", onUp: () => {}, onDown: () => {}, onLeft: () => {}, onRight: () => {}, tolerance: 10 }); ```

**Observer — key config options:**

| Option | Description | |--------|-------------| | `target` | Element or selector to observe | | `onUp`, `onDown`, `onLeft`, `onRight` | Callbacks when swipe/scroll passes tolerance in that direction | | `tolerance` | Pixels before direction is detected; default 10 | | `type` | `"touch"`, `"pointer"`, or `"wheel"` (default: `"touch,pointer"`) |

## Text

### SplitText

Splits an element’s text into characters, words, and/or lines (each in its own element) for staggered or per-unit animation. Use when animating text character-by-character, word-by-word, or line-by-line. Returns an instance with **chars**, **words**, **lines** (and **masks** when `mask` is set). Restore original markup with **revert()** or let **gsap.context()** revert. Integrates with **gsap.context()**, **matchMedia()**, and **useGSAP()**. API: **SplitText.create(target, vars)** (target = selector, element, or array).

```javascript gsap.registerPlugin(SplitText);

const split = SplitText.create(".heading", { type: "words, chars" }); gsap.from(split.chars, { opacity: 0, y: 20, stagger: 0.03, duration: 0.4 }); // later: split.revert() or let gsap.context() cleanup revert ```

With **onSplit()** (v3.13.0+), animations run on each split and on re-split when **autoSplit** is used; returning a tween/timeline from **onSplit()** lets SplitText clean up and sync progress on re-split:

```javascript SplitText.create(".split", { type: "lines", autoSplit: true, onSplit(self) { return gsap.from(self.lines, { y: 100, opacity: 0, stagger: 0.05, duration: 0.5 }); } }); ```

**SplitText — key config (SplitText.create vars):**

| Option | Description | |--------|-------------| | **type** | Comma-separated: `"chars"`, `"words"`, `"lines"`. Default `"chars,words,lines"`. Only split what is needed (e.g. `"words, chars"` if not using lines) for performance. Avoid chars-only without words/lines or use **smartWrap: true** to prevent odd line breaks. | | **charsClass**, **wordsClass**, **linesClass** | CSS class on each split element. Append `"++"` to add an incremented class (e.g. `linesClass: "line++"` → `line1`, `line2`, …). | | **aria** | `"auto"` (default), `"hidden"`, or `"none"`. Accessibility: `"auto"` adds `aria-label` on the split element and `aria-hidden` on line/word/char elements so screen readers read the label; `"hidden"` hides all from readers; `"none"` leaves aria unchanged. Use `"none"` plus a screen-reader-only duplicate if nested links/semantics must be exposed. | | **autoSplit** | When `true`, reverts and re-splits when fonts finish loading or when the element width changes (and lines are split), avoiding wrong line breaks. **Animations must be created inside onSplit()** so they target the newly split elements; **return** the animation from **onSplit()** for automatic cleanup and time-sync on re-split. | | **onSplit(self)** | Callback when split completes (and on each re-split if **autoSplit** is `true`). Receives the SplitText instance. Returning a GSAP tween or timeline enables automatic revert/sync of that animation when re-splitting. | | **mask** | `"lines"`, `"words"`, or `"chars"`. Wraps each unit in an extra element with `overflow: clip` for mask/reveal effects. Only one type; access wrappers on the instance’s **masks** array (or use class `-mask` if a class is set). | | **tag** | Wrapper element tag; default `"div"`. Use `"span"` for inline (note: transforms like rotation/scale may not render on inline elements in some browsers). | | **deepSlice** | When `true` (default), nested elements (e.g. `<strong>`) that span multiple lines are subdivided so lines don’t stretch vertically. Only applies when splitting lines. | | **ignore** | Selector or element(s) to leave unsplit (e.g. `ignore: "sup"`). | | **smartWrap** | When splitting **chars** only, wraps words in a `white-space: nowrap` span to avoid mid-word line breaks. Ignored if words or lines are split. Default `false`. | | **wordDelimiter** | Word boundary: string (default `" "`), RegExp, or `{ delimiter: RegExp, replaceWith: string }` for custom splitting (e.g. zero-width joiner for hashtags, or non-Latin). | | **prepareText(text, parent)** | Function that receives raw text and parent element; return modified text before splitting (e.g. to insert break markers for languages without spaces). | | **propIndex** | When `true`, adds a CSS variable with index on each split element (e.g. `--word: 1`, `--char: 2`). | | **reduceWhiteSpace** | Collapse consecutive spaces; default `true`. From v3.13.0 also honors line breaks and can insert `<br>` for `<pre>`. | | **onRevert** | Callback when the instance is reverted. |

**Tips:** Split only what is animated (e.g. skip chars if only animating words). For custom fonts, split after they load (e.g. `document.fonts.ready.then(...)`) or use **autoSplit: true** with **onSplit()**. To avoid kerning shift when splitting chars, use CSS `font-kerning: none; text-rendering: optimizeSpeed;`. Avoid `text-wrap: balance`; it can interfere with splitting. SplitText does not support SVG `<text>`.

**Learn more:** [SplitText](https://gsap.com/docs/v3/Plugins/SplitText/)

### ScrambleText

Animates text with a scramble/glitch effect. Use when revealing or transitioning text with a scramble.

```javascript gsap.registerPlugin(ScrambleTextPlugin);

gsap.to(".text", { duration: 1, scrambleText: { text: "New message", chars: "01", revealDelay: 0.5 } }); ```

## SVG

### DrawSVG (DrawSVGPlugin)

Reveals or hides the stroke of SVG elements by animating `stroke-dashoffset` / `stroke-dasharray`. Works on `<path>`, `<line>`, `<polyline>`, `<polygon>`, `<rect>`, `<ellipse>`. Use when “drawing” or “erasing” strokes.

**drawSVG value:** Describes the **visible segment** of the stroke along the path (start and end positions), not “animate from A to B over time.” Format: `"start end"` in percent or length. Examples: `"0% 100%"` = full stroke; `"20% 80%"` = stroke only between 20% and 80% (gaps at both ends). The tween animates from the element’s **current** segment to the **target** segment — e.g. `gsap.to("#path", { drawSVG: "0% 100%" })` goes from whatever it is now to full stroke. Single value (e.g. `0`, `"100%"`) means start is 0: `"100%"` is equivalent to `"0% 10

Decision snapshot

Primary pick

100

Ready

Adopt

Stage

56,210 GitHub stars

Audit

Install review

Install and adoption review

Needs review

Security: 84/100
Maintenance: 100/100
Install: 92/100

Agent-proven evidence

Outcome reports after resolve, review, install, and one narrow run.

Proven

Needs first agent runAuto-install: review firstLast: Unknown

Success rate: —
Recent failure: —
Outcomes: 0
Output quality: —
Failed: 0
Not relevant: 0
Installs: 0
Risk blocked: 0
Setup needed: 0
Production: 0

No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.

Compare Alternatives Auto-resolve Plan View on GitHub Documentation

Install

Add to agent workflow

Free and open source. Review the report before installing into production agents.

Growth loop

Share kit

Scenario-led draft for gsap-plugins, ready for a manual X post.

Curator note

A practical pick for source-backed research:

gsap-plugins: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, Sp...

56.2K stars

https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=x

Optional reply with install command

Listing + install path for gsap-plugins:
https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=x

Install: npx skills add calesthio/OpenMontage --skill gsap-plugins

Listing source

Registry indexed

Claimable

This listing was indexed from public sources and is not marked official until a maintainer claim is approved.

Creator: calesthio
Source: calesthio/OpenMontage
Indexed by: OpenAgentSkill community index

Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.

Owner claim

Claim this skill listing

This Registry indexed listing is attributed to calesthio but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.

Creator backlink kit

Add the evidence badges to your README

Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=listed&label=Listed)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=trust&label=Trust)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=audit&label=Audit)](https://www.openagentskill.com/skills/calesthio-gsap-plugins/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)

Author

calesthio

@calesthio

Tags

Platform fit

Health signals

GitHub stars: 56.2K
Quality score: 57/100
Last GitHub push: Aug 22, 2026
Framework hints: Unknown
OpenAgentSkill views: 2
Install copies: 0
Outbound clicks: 0

Community signal

Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.

Trust & safety

Review then install

GitHub adoption56K GitHub starsPASS
Stars/forks activity56K stars, 7.0K forks; issue activity unavailable in current metadataPASS
Recent maintenance16d since pushPASS
License clarityMITPASS
README/SKILL.md completenessMetadata includes enough usage and workflow contextPASS
Dependency/runtime riskexternal package install surface, network or browser surfaceINFO

Related skills

UI-TARS Desktop

Run multimodal agents that operate desktop interfaces

n8n

Connect agents to hundreds of workflow automations

MoneyPrinterTurbo

利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.

Tasmota

Alternative firmware for ESP8266 and ESP32 based devices with easy configuration using webUI, OTA updates, automation using timers or rules, expandability and entirely local control over MQTT, HTTP, Serial or KNX. Full documentation at

Install targets

Codex install prompt

Install the "gsap-plugins" agent skill from https://github.com/calesthio/OpenMontage/tree/main/.agents/skills/gsap-plugins. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG drawing, or plugin registration. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"calesthio-gsap-plugins","task":"Install gsap-plugins","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.

Agent-readable metadata

Machine-readable decision data for this skill.

Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.

View technical data+

Public audit Eval report Resolve API Install handoff

Suited tasks

Browser automation workflows
Claude Code teams
teams that value GitHub adoption signals
Navigate pages

Suited agents

CodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

Install decision

Command: npx skills add calesthio/OpenMontage --skill gsap-plugins
Policy: review
Human review: yes

Trust and risk

Trust: 80/100
Audit: 90/100
Risk level: Needs review

Outcome loop

Endpoint: /api/agent/outcome
Event ID: resolve
Outcomes: 5

Install command

npx skills add calesthio/OpenMontage --skill gsap-plugins

Do not use when

teams that need a vendor-supported SLA
high-compliance environments without internal security review
No major risk signals from current metadata
Financial research output is not financial advice; require human review before any live investment decision
Financial research output is not financial advice; require human review before any live investment decision.

Alternative

UI-TARS Desktop

37.0K Stars

npx skills add bytedance/UI-TARS-desktop

Alternative

n8n

194.1K Stars

npx skills add n8n-io/n8n

Alternative

MoneyPrinterTurbo

88.5K Stars

npx skills add harry0703/MoneyPrinterTurbo

Alternative

Tasmota

24.7K Stars

npx skills add arendst/Tasmota

Agent resolve plan

Let an agent verify fit before installing.

The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.

Open JSON

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve text

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Install handoff

/api/skills/calesthio-gsap-plugins/install

Agent should check

Task fit and alternatives from Resolve API.
Audit score, trust score, and safety policy warnings.
Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copy prompt

Task: Use gsap-plugins in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/calesthio-gsap-plugins/install
Install command: npx skills add calesthio/OpenMontage --skill gsap-plugins
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent handoff

Give an agent the install path, not another directory page.

Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.

Install handoff

/api/skills/calesthio-gsap-plugins/install

LLM text format

/api/skills/calesthio-gsap-plugins/install?format=text

Find alternatives

/api/skills/search?q=gsap-plugins&limit=3

Agent prompt

Use gsap-plugins for this task. Review https://www.openagentskill.com/api/skills/calesthio-gsap-plugins/install, then install with: npx skills add calesthio/OpenMontage --skill gsap-plugins

Overview

# GSAP Plugins

## When to Use This Skill

**Related skills:** For core tweens use **gsap-core**; for ScrollTrigger use **gsap-scrolltrigger**; for React use **gsap-react**.

## Registering Plugins

Register each plugin once so GSAP (and bundlers) know to include it. Use **gsap.registerPlugin()** with every plugin used in the project:

```javascript import gsap from "gsap"; import { ScrollToPlugin } from "gsap/ScrollToPlugin"; import { Flip } from "gsap/Flip"; import { Draggable } from "gsap/Draggable";

gsap.registerPlugin(ScrollToPlugin, Flip, Draggable); ```

## Scroll

### ScrollToPlugin

Animates scroll position (window or a scrollable element). Use for “scroll to element” or “scroll to position” without ScrollTrigger.

```javascript gsap.registerPlugin(ScrollToPlugin);

**ScrollToPlugin — key config (scrollTo object):**

### ScrollSmoother

```html <body> <div id="smooth-wrapper"> <div id="smooth-content">  </div> </div>  </body> ```

## DOM / UI

### Flip

```javascript gsap.registerPlugin(Flip);

const state = Flip.getState(".item"); // change DOM (reorder, add/remove, change classes) Flip.from(state, { duration: 0.5, ease: "power2.inOut" }); ```

**Flip — key config (Flip.from vars):**

#### More information

https://gsap.com/docs/v3/Plugins/Flip

### Draggable

Makes elements draggable, spinnable, or throwable with mouse/touch. Use for sliders, cards, reorderable lists, or any drag interaction.

```javascript gsap.registerPlugin(Draggable, InertiaPlugin);

Draggable.create(".box", { type: "x,y", bounds: "#container", inertia: true }); Draggable.create(".knob", { type: "rotation" }); ```

**Draggable — key config options:**

### Inertia (InertiaPlugin)

```javascript gsap.registerPlugin(Draggable, InertiaPlugin); Draggable.create(".box", { type: "x,y", inertia: true }); ```

Or track velocity of a property: ```javascript InertiaPlugin.track(".box", "x"); ```

Then use `"auto"` to continue the current velocity and glide to a stop:

```javascript gsap.to(obj, { inertia: { x: "auto" } }); ```

### Observer

Normalizes pointer and scroll input across devices. Use for swipe, scroll direction, or custom gesture logic without tying directly to scroll position like ScrollTrigger.

```javascript gsap.registerPlugin(Observer);

Observer.create({ target: "#area", onUp: () => {}, onDown: () => {}, onLeft: () => {}, onRight: () => {}, tolerance: 10 }); ```

**Observer — key config options:**

## Text

### SplitText

```javascript gsap.registerPlugin(SplitText);

```javascript SplitText.create(".split", { type: "lines", autoSplit: true, onSplit(self) { return gsap.from(self.lines, { y: 100, opacity: 0, stagger: 0.05, duration: 0.5 }); } }); ```

**SplitText — key config (SplitText.create vars):**

**Learn more:** [SplitText](https://gsap.com/docs/v3/Plugins/SplitText/)

### ScrambleText

Animates text with a scramble/glitch effect. Use when revealing or transitioning text with a scramble.

```javascript gsap.registerPlugin(ScrambleTextPlugin);

gsap.to(".text", { duration: 1, scrambleText: { text: "New message", chars: "01", revealDelay: 0.5 } }); ```

## SVG

### DrawSVG (DrawSVGPlugin)

Decision snapshot

Primary pick

100

Ready

Adopt

Stage

56,210 GitHub stars

Audit

Install review

Install and adoption review

Needs review

Security: 84/100
Maintenance: 100/100
Install: 92/100

Agent-proven evidence

Outcome reports after resolve, review, install, and one narrow run.

Proven

Needs first agent runAuto-install: review firstLast: Unknown

Success rate: —
Recent failure: —
Outcomes: 0
Output quality: —
Failed: 0
Not relevant: 0
Installs: 0
Risk blocked: 0
Setup needed: 0
Production: 0

No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.

Compare Alternatives Auto-resolve Plan View on GitHub Documentation

Install

Add to agent workflow

Free and open source. Review the report before installing into production agents.

Growth loop

Share kit

Scenario-led draft for gsap-plugins, ready for a manual X post.

Curator note

A practical pick for source-backed research:

gsap-plugins: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, Sp...

56.2K stars

https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=x

Optional reply with install command

Listing + install path for gsap-plugins:
https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=x

Install: npx skills add calesthio/OpenMontage --skill gsap-plugins

Listing source

Registry indexed

Claimable

This listing was indexed from public sources and is not marked official until a maintainer claim is approved.

Creator: calesthio
Source: calesthio/OpenMontage
Indexed by: OpenAgentSkill community index

Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.

Owner claim

Claim this skill listing

This Registry indexed listing is attributed to calesthio but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.

Creator backlink kit

Add the evidence badges to your README

Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=listed&label=Listed)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=trust&label=Trust)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=audit&label=Audit)](https://www.openagentskill.com/skills/calesthio-gsap-plugins/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)

Author

calesthio

@calesthio

Tags

Platform fit

Health signals

GitHub stars: 56.2K
Quality score: 57/100
Last GitHub push: Aug 22, 2026
Framework hints: Unknown
OpenAgentSkill views: 2
Install copies: 0
Outbound clicks: 0

Community signal

Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.

Trust & safety

Review then install

GitHub adoption56K GitHub starsPASS
Stars/forks activity56K stars, 7.0K forks; issue activity unavailable in current metadataPASS
Recent maintenance16d since pushPASS
License clarityMITPASS
README/SKILL.md completenessMetadata includes enough usage and workflow contextPASS
Dependency/runtime riskexternal package install surface, network or browser surfaceINFO

Related skills

UI-TARS Desktop

Run multimodal agents that operate desktop interfaces

n8n

Connect agents to hundreds of workflow automations

MoneyPrinterTurbo

利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.

Tasmota

Install targets

Codex install prompt

Install the "gsap-plugins" agent skill from https://github.com/calesthio/OpenMontage/tree/main/.agents/skills/gsap-plugins. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG drawing, or plugin registration. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"calesthio-gsap-plugins","task":"Install gsap-plugins","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.

Agent-readable metadata

Machine-readable decision data for this skill.

Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.

View technical data+

Public audit Eval report Resolve API Install handoff

Suited tasks

Browser automation workflows
Claude Code teams
teams that value GitHub adoption signals
Navigate pages

Suited agents

CodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

Install decision

Command: npx skills add calesthio/OpenMontage --skill gsap-plugins
Policy: review
Human review: yes

Trust and risk

Trust: 80/100
Audit: 90/100
Risk level: Needs review

Outcome loop

Endpoint: /api/agent/outcome
Event ID: resolve
Outcomes: 5

Install command

npx skills add calesthio/OpenMontage --skill gsap-plugins

Do not use when

teams that need a vendor-supported SLA
high-compliance environments without internal security review
No major risk signals from current metadata
Financial research output is not financial advice; require human review before any live investment decision
Financial research output is not financial advice; require human review before any live investment decision.

Alternative

UI-TARS Desktop

37.0K Stars

npx skills add bytedance/UI-TARS-desktop

Alternative

n8n

194.1K Stars

npx skills add n8n-io/n8n

Alternative

MoneyPrinterTurbo

88.5K Stars

npx skills add harry0703/MoneyPrinterTurbo

Alternative

Tasmota

24.7K Stars

npx skills add arendst/Tasmota

Agent resolve plan

Let an agent verify fit before installing.

The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.

Open JSON

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve text

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Install handoff

/api/skills/calesthio-gsap-plugins/install

Agent should check

Task fit and alternatives from Resolve API.
Audit score, trust score, and safety policy warnings.
Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copy prompt

Task: Use gsap-plugins in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/calesthio-gsap-plugins/install
Install command: npx skills add calesthio/OpenMontage --skill gsap-plugins
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent handoff

Give an agent the install path, not another directory page.

Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.

Install handoff

/api/skills/calesthio-gsap-plugins/install

LLM text format

/api/skills/calesthio-gsap-plugins/install?format=text

Find alternatives

/api/skills/search?q=gsap-plugins&limit=3

Agent prompt

Use gsap-plugins for this task. Review https://www.openagentskill.com/api/skills/calesthio-gsap-plugins/install, then install with: npx skills add calesthio/OpenMontage --skill gsap-plugins

Overview

# GSAP Plugins

## When to Use This Skill

**Related skills:** For core tweens use **gsap-core**; for ScrollTrigger use **gsap-scrolltrigger**; for React use **gsap-react**.

## Registering Plugins

Register each plugin once so GSAP (and bundlers) know to include it. Use **gsap.registerPlugin()** with every plugin used in the project:

```javascript import gsap from "gsap"; import { ScrollToPlugin } from "gsap/ScrollToPlugin"; import { Flip } from "gsap/Flip"; import { Draggable } from "gsap/Draggable";

gsap.registerPlugin(ScrollToPlugin, Flip, Draggable); ```

## Scroll

### ScrollToPlugin

Animates scroll position (window or a scrollable element). Use for “scroll to element” or “scroll to position” without ScrollTrigger.

```javascript gsap.registerPlugin(ScrollToPlugin);

**ScrollToPlugin — key config (scrollTo object):**

### ScrollSmoother

```html <body> <div id="smooth-wrapper"> <div id="smooth-content">  </div> </div>  </body> ```

## DOM / UI

### Flip

```javascript gsap.registerPlugin(Flip);

const state = Flip.getState(".item"); // change DOM (reorder, add/remove, change classes) Flip.from(state, { duration: 0.5, ease: "power2.inOut" }); ```

**Flip — key config (Flip.from vars):**

#### More information

https://gsap.com/docs/v3/Plugins/Flip

### Draggable

Makes elements draggable, spinnable, or throwable with mouse/touch. Use for sliders, cards, reorderable lists, or any drag interaction.

```javascript gsap.registerPlugin(Draggable, InertiaPlugin);

Draggable.create(".box", { type: "x,y", bounds: "#container", inertia: true }); Draggable.create(".knob", { type: "rotation" }); ```

**Draggable — key config options:**

### Inertia (InertiaPlugin)

```javascript gsap.registerPlugin(Draggable, InertiaPlugin); Draggable.create(".box", { type: "x,y", inertia: true }); ```

Or track velocity of a property: ```javascript InertiaPlugin.track(".box", "x"); ```

Then use `"auto"` to continue the current velocity and glide to a stop:

```javascript gsap.to(obj, { inertia: { x: "auto" } }); ```

### Observer

Normalizes pointer and scroll input across devices. Use for swipe, scroll direction, or custom gesture logic without tying directly to scroll position like ScrollTrigger.

```javascript gsap.registerPlugin(Observer);

Observer.create({ target: "#area", onUp: () => {}, onDown: () => {}, onLeft: () => {}, onRight: () => {}, tolerance: 10 }); ```

**Observer — key config options:**

## Text

### SplitText

```javascript gsap.registerPlugin(SplitText);

```javascript SplitText.create(".split", { type: "lines", autoSplit: true, onSplit(self) { return gsap.from(self.lines, { y: 100, opacity: 0, stagger: 0.05, duration: 0.5 }); } }); ```

**SplitText — key config (SplitText.create vars):**

**Learn more:** [SplitText](https://gsap.com/docs/v3/Plugins/SplitText/)

### ScrambleText

Animates text with a scramble/glitch effect. Use when revealing or transitioning text with a scramble.

```javascript gsap.registerPlugin(ScrambleTextPlugin);

gsap.to(".text", { duration: 1, scrambleText: { text: "New message", chars: "01", revealDelay: 0.5 } }); ```

## SVG

### DrawSVG (DrawSVGPlugin)

Decision snapshot

Primary pick

100

Ready

Adopt

Stage

56,210 GitHub stars

Audit

Install review

Install and adoption review

Needs review

Security: 84/100
Maintenance: 100/100
Install: 92/100

Agent-proven evidence

Outcome reports after resolve, review, install, and one narrow run.

Proven

Needs first agent runAuto-install: review firstLast: Unknown

Success rate: —
Recent failure: —
Outcomes: 0
Output quality: —
Failed: 0
Not relevant: 0
Installs: 0
Risk blocked: 0
Setup needed: 0
Production: 0

No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.

Compare Alternatives Auto-resolve Plan View on GitHub Documentation

Install

Add to agent workflow

Free and open source. Review the report before installing into production agents.

Growth loop

Share kit

Scenario-led draft for gsap-plugins, ready for a manual X post.

Curator note

A practical pick for source-backed research:

gsap-plugins: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, Sp...

56.2K stars

https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=x

Optional reply with install command

Listing + install path for gsap-plugins:
https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=x

Install: npx skills add calesthio/OpenMontage --skill gsap-plugins

Listing source

Registry indexed

Claimable

This listing was indexed from public sources and is not marked official until a maintainer claim is approved.

Creator: calesthio
Source: calesthio/OpenMontage
Indexed by: OpenAgentSkill community index

Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.

Owner claim

Claim this skill listing

This Registry indexed listing is attributed to calesthio but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.

Creator backlink kit

Add the evidence badges to your README

Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=listed&label=Listed)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=trust&label=Trust)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=audit&label=Audit)](https://www.openagentskill.com/skills/calesthio-gsap-plugins/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)

Author

calesthio

@calesthio

Tags

Platform fit

Health signals

GitHub stars: 56.2K
Quality score: 57/100
Last GitHub push: Aug 22, 2026
Framework hints: Unknown
OpenAgentSkill views: 2
Install copies: 0
Outbound clicks: 0

Community signal

Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.

Trust & safety

Review then install

GitHub adoption56K GitHub starsPASS
Stars/forks activity56K stars, 7.0K forks; issue activity unavailable in current metadataPASS
Recent maintenance16d since pushPASS
License clarityMITPASS
README/SKILL.md completenessMetadata includes enough usage and workflow contextPASS
Dependency/runtime riskexternal package install surface, network or browser surfaceINFO

Related skills

UI-TARS Desktop

Run multimodal agents that operate desktop interfaces

n8n

Connect agents to hundreds of workflow automations

MoneyPrinterTurbo

利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.

Tasmota

Install targets

Codex install prompt

Install the "gsap-plugins" agent skill from https://github.com/calesthio/OpenMontage/tree/main/.agents/skills/gsap-plugins. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText, ScrambleText, SVG and physics plugins, CustomEase, EasePack, CustomWiggle, CustomBounce, GSDevTools. Use when the user asks about a GSAP plugin, scroll-to, flip animations, draggable, SVG drawing, or plugin registration. After the install attempt, report the result to https://www.openagentskill.com/api/agent/outcome with POST JSON {"event_id":"install_<unique-id>","skill_slug":"calesthio-gsap-plugins","task":"Install gsap-plugins","agent":"codex","outcome":"success","install_used":true}. Replace event_id with a unique value and outcome with success or failed. Report success only after the skill is installed and a minimal verification passes.

Agent-readable metadata

Machine-readable decision data for this skill.

Use this block or the embedded JSON to decide whether an agent should install this skill, choose an alternative, or ask for human review first.

View technical data+

Public audit Eval report Resolve API Install handoff

Suited tasks

Browser automation workflows
Claude Code teams
teams that value GitHub adoption signals
Navigate pages

Suited agents

CodexClaude CodeCursorOpenAgentSkill CLIBrowser agentsCLI

Install decision

Command: npx skills add calesthio/OpenMontage --skill gsap-plugins
Policy: review
Human review: yes

Trust and risk

Trust: 80/100
Audit: 90/100
Risk level: Needs review

Outcome loop

Endpoint: /api/agent/outcome
Event ID: resolve
Outcomes: 5

Install command

npx skills add calesthio/OpenMontage --skill gsap-plugins

Do not use when

teams that need a vendor-supported SLA
high-compliance environments without internal security review
No major risk signals from current metadata
Financial research output is not financial advice; require human review before any live investment decision
Financial research output is not financial advice; require human review before any live investment decision.

Alternative

UI-TARS Desktop

37.0K Stars

npx skills add bytedance/UI-TARS-desktop

Alternative

n8n

194.1K Stars

npx skills add n8n-io/n8n

Alternative

MoneyPrinterTurbo

88.5K Stars

npx skills add harry0703/MoneyPrinterTurbo

Alternative

Tasmota

24.7K Stars

npx skills add arendst/Tasmota

Agent resolve plan

Let an agent verify fit before installing.

The Resolve API returns the selected skill, alternatives, safety policy, audit notes, install target, and copy-paste prompt an agent can follow without scraping this page.

Open JSON

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Resolve text

/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Install handoff

/api/skills/calesthio-gsap-plugins/install

Agent should check

Task fit and alternatives from Resolve API.
Audit score, trust score, and safety policy warnings.
Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copy prompt

Task: Use gsap-plugins in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20gsap-plugins%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/calesthio-gsap-plugins/install
Install command: npx skills add calesthio/OpenMontage --skill gsap-plugins
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Agent handoff

Give an agent the install path, not another directory page.

Use the public install endpoint to fetch the command, safety checklist, target prompts, and canonical links for this skill.

Install handoff

/api/skills/calesthio-gsap-plugins/install

LLM text format

/api/skills/calesthio-gsap-plugins/install?format=text

Find alternatives

/api/skills/search?q=gsap-plugins&limit=3

Agent prompt

Use gsap-plugins for this task. Review https://www.openagentskill.com/api/skills/calesthio-gsap-plugins/install, then install with: npx skills add calesthio/OpenMontage --skill gsap-plugins

Overview

# GSAP Plugins

## When to Use This Skill

**Related skills:** For core tweens use **gsap-core**; for ScrollTrigger use **gsap-scrolltrigger**; for React use **gsap-react**.

## Registering Plugins

Register each plugin once so GSAP (and bundlers) know to include it. Use **gsap.registerPlugin()** with every plugin used in the project:

```javascript import gsap from "gsap"; import { ScrollToPlugin } from "gsap/ScrollToPlugin"; import { Flip } from "gsap/Flip"; import { Draggable } from "gsap/Draggable";

gsap.registerPlugin(ScrollToPlugin, Flip, Draggable); ```

## Scroll

### ScrollToPlugin

Animates scroll position (window or a scrollable element). Use for “scroll to element” or “scroll to position” without ScrollTrigger.

```javascript gsap.registerPlugin(ScrollToPlugin);

**ScrollToPlugin — key config (scrollTo object):**

### ScrollSmoother

```html <body> <div id="smooth-wrapper"> <div id="smooth-content">  </div> </div>  </body> ```

## DOM / UI

### Flip

```javascript gsap.registerPlugin(Flip);

const state = Flip.getState(".item"); // change DOM (reorder, add/remove, change classes) Flip.from(state, { duration: 0.5, ease: "power2.inOut" }); ```

**Flip — key config (Flip.from vars):**

#### More information

https://gsap.com/docs/v3/Plugins/Flip

### Draggable

Makes elements draggable, spinnable, or throwable with mouse/touch. Use for sliders, cards, reorderable lists, or any drag interaction.

```javascript gsap.registerPlugin(Draggable, InertiaPlugin);

Draggable.create(".box", { type: "x,y", bounds: "#container", inertia: true }); Draggable.create(".knob", { type: "rotation" }); ```

**Draggable — key config options:**

### Inertia (InertiaPlugin)

```javascript gsap.registerPlugin(Draggable, InertiaPlugin); Draggable.create(".box", { type: "x,y", inertia: true }); ```

Or track velocity of a property: ```javascript InertiaPlugin.track(".box", "x"); ```

Then use `"auto"` to continue the current velocity and glide to a stop:

```javascript gsap.to(obj, { inertia: { x: "auto" } }); ```

### Observer

Normalizes pointer and scroll input across devices. Use for swipe, scroll direction, or custom gesture logic without tying directly to scroll position like ScrollTrigger.

```javascript gsap.registerPlugin(Observer);

Observer.create({ target: "#area", onUp: () => {}, onDown: () => {}, onLeft: () => {}, onRight: () => {}, tolerance: 10 }); ```

**Observer — key config options:**

## Text

### SplitText

```javascript gsap.registerPlugin(SplitText);

```javascript SplitText.create(".split", { type: "lines", autoSplit: true, onSplit(self) { return gsap.from(self.lines, { y: 100, opacity: 0, stagger: 0.05, duration: 0.5 }); } }); ```

**SplitText — key config (SplitText.create vars):**

**Learn more:** [SplitText](https://gsap.com/docs/v3/Plugins/SplitText/)

### ScrambleText

Animates text with a scramble/glitch effect. Use when revealing or transitioning text with a scramble.

```javascript gsap.registerPlugin(ScrambleTextPlugin);

gsap.to(".text", { duration: 1, scrambleText: { text: "New message", chars: "01", revealDelay: 0.5 } }); ```

## SVG

### DrawSVG (DrawSVGPlugin)

Decision snapshot

Primary pick

100

Ready

Adopt

Stage

56,210 GitHub stars

Audit

Install review

Install and adoption review

Needs review

Security: 84/100
Maintenance: 100/100
Install: 92/100

Agent-proven evidence

Outcome reports after resolve, review, install, and one narrow run.

Proven

Needs first agent runAuto-install: review firstLast: Unknown

Success rate: —
Recent failure: —
Outcomes: 0
Output quality: —
Failed: 0
Not relevant: 0
Installs: 0
Risk blocked: 0
Setup needed: 0
Production: 0

No agent outcome data yet. The first agent run can report success, setup needs, risk blocks, failure, or not-relevant through /api/agent/outcome.

Compare Alternatives Auto-resolve Plan View on GitHub Documentation

Install

Add to agent workflow

Free and open source. Review the report before installing into production agents.

Growth loop

Share kit

Scenario-led draft for gsap-plugins, ready for a manual X post.

Curator note

A practical pick for source-backed research:

gsap-plugins: Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, Sp...

56.2K stars

https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=x

Optional reply with install command

Listing + install path for gsap-plugins:
https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=x

Install: npx skills add calesthio/OpenMontage --skill gsap-plugins

Listing source

Registry indexed

Claimable

This listing was indexed from public sources and is not marked official until a maintainer claim is approved.

Creator: calesthio
Source: calesthio/OpenMontage
Indexed by: OpenAgentSkill community index

Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals.

Owner claim

Claim this skill listing

This Registry indexed listing is attributed to calesthio but is not marked official yet. Claim it to add a verified owner signal and make future launch, install, and audit updates easier to trust.

Creator backlink kit

Add the evidence badges to your README

Show the canonical listing, current trust and audit signals, and real Agent-Proven evidence where developers evaluate the repository.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=listed&label=Listed)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=trust&label=Trust)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=audit&label=Audit)](https://www.openagentskill.com/skills/calesthio-gsap-plugins/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/calesthio-gsap-plugins?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/calesthio-gsap-plugins?ref=github&utm_source=github&utm_medium=referral&utm_campaign=creator_badge)

Author

calesthio

@calesthio

Tags

Platform fit

Health signals

GitHub stars: 56.2K
Quality score: 57/100
Last GitHub push: Aug 22, 2026
Framework hints: Unknown
OpenAgentSkill views: 2
Install copies: 0
Outbound clicks: 0

Community signal

Share whether this skill looks useful for your agent workflow. Aggregated feedback improves rankings over time.

Trust & safety

Review then install

GitHub adoption56K GitHub starsPASS
Stars/forks activity56K stars, 7.0K forks; issue activity unavailable in current metadataPASS
Recent maintenance16d since pushPASS
License clarityMITPASS
README/SKILL.md completenessMetadata includes enough usage and workflow contextPASS
Dependency/runtime riskexternal package install surface, network or browser surfaceINFO

Related skills

UI-TARS Desktop

Run multimodal agents that operate desktop interfaces

n8n

Connect agents to hundreds of workflow automations

MoneyPrinterTurbo

利用AI大模型，一键生成高清短视频 Generate short videos with one click using AI LLM.

Tasmota