FAQ

What framework does the output work with?

Any React project using Framer Motion (motion package). Works with Next.js, Vite, Create React App, Remix, or any React setup.

Do I need Tailwind CSS?

Components use Tailwind classes for layout. If your project does not use Tailwind, you can replace the classes with equivalent CSS. The core animation uses Framer Motion, not Tailwind.

Do I own the generated code?

Yes. Generated code belongs to you. No attribution required, no runtime dependency on Stagger. Copy the code, delete your account, it still works.

Can I modify the generated code?

Yes. The output is plain TypeScript and JSX. Edit it however you like.

How does reduced motion work?

Every component calls useReducedMotion() from motion/react. When the user has prefers-reduced-motion set, the animation switches to a static or minimal fallback.

What are the plan limits?

Free: 10 generations per month, 1 brand kit. Pro ($19/mo): 1,000 generations, 3 brand kits. Studio ($49/mo): 3,000 generations, unlimited brand kits, API access.

Can I use Stagger via API?

API access is coming in v2. Studio plan users will get 500 API calls per month included. An MCP server for Cursor and Claude Code is also planned.

How do I cancel?

Go to Settings, click "Manage subscription." This opens the Stripe customer portal where you can cancel or change your plan.