Documentation

Install Motion

SparkUI components use Motion (previously Framer Motion) for transitions, scroll effects, and hover interactions.

01.Create your project

npx create-next-app@latest my-project --typescript --eslint
cd my-project

02.Install Motion

npm install motion

03.Import where you need it

import { motion } from "motion/react";

04.Reference the official docs

motion.dev/docs →
Ready to build

Browse all components

Continue →
sparkui