Installation

Install once, then import the entry that matches your setup.

pnpm add griffo

Choose and import

Import	Use for	Size
`griffo`	Vanilla JS or any framework	7.11 kB
`griffo/react`	React and callback control	8.23 kB
`griffo/motion`	Declarative Motion animations	13.78 kB
`griffo/morph`	Standalone MorphText component	7.95 kB

Works with your stack

Vanilla

import { splitText } from "griffo";

Use this in any environment, including React, when you want full imperative control. It works with WAAPI, GSAP, Motion, Anime.js, CSS, or custom animation code. See the Core API for options and return types.

React

import { SplitText } from "griffo/react";

Use callback mode (onSplit) to animate with your existing library. See the React API for callback and lifecycle props.

Motion (React)

import { SplitText } from "griffo/motion";

Use variant props (initial, animate, whileInView, whileScroll, exit, etc.) for a Motion-first workflow. See the Motion API for variants, triggers, and transition rules.

MorphText (React)

import { MorphText } from "griffo/morph";

Use this to animate shared characters or words between text changes. See the Morph API for props and behavior details.