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": {
"@pacekit": "https://ui.pacekit.dev/r/{name}.json"
}
}You’re ready to start adding components to your project
npx shadcn@latest add @pacekit/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>
)
}