logologo

Installation

How to install dependencies and organize your app structure.

Edit on GitHub

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@canary init
{
    ...
    "registries": {
        "@paceui-ui": "https://ui.paceui.com/r/{name}.json"
    }
}

You’re ready to start adding components to your project

npx shadcn@canary add @paceui-ui/text-reveal

The 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>
    )
}

Built by Denish. The source code is available on GitHub.