How to install dependencies and organize your app structure.
Note: Follows the same installation steps as
shadcn/ui
Run the init (with default options) command to create a new Next.js project or set up an existing one:
npx shadcn@latest init@pacekit to your components.json{ ... "registries": { /* [!code ++:1] */ "@pacekit-gsap": "https://gsap.pacekit.dev/r/{name}.json" }}You’re ready to start adding components to your project
npx shadcn@latest add @pacekit-gsap/text-revealThe command above will add the TextReveal component to your project. You can then import it using the following syntax:
import { TextReveal } from "@/components/gsap/text-reveal";export default function Home() { return ( <TextReveal>PaceUI</TextReveal> )}