Installation

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

pnpm add griffo

Choose and import

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 when you only need text morphing behavior with persistence + enter/exit handling. See the Morph API for props and behavior details.