Playground / Version 01

Motion workbench

Tune real components. Generate only validated React.

Text Reveal / desktop

Motion should explain what changed.

Generated outputPackage React

Installpnpm add easecraft@0.1.0

import { MotionProvider, TextReveal } from "easecraft";

export function Example() {
  return (
    <MotionProvider reducedMotion="never">
      <TextReveal
        delay={0}
        distance={12}
        duration={300}
        easing="enter"
        preset="fade-rise"
        split="words"
        stagger={60}
      >
        Motion should explain what changed.
      </TextReveal>
    </MotionProvider>
  );
}