Next.js

Create project

Run the init command to create a new Next.js project or to setup an existing one:

npx shadcx@latest init -u https://platejs.org/r -n plate

If you want to use shadcn/ui combined with Plate UI, run instead:

npx shadcx@latest init
npx shadcx@latest init -u https://platejs.org/r -n plate

Configure components.json

You will be asked a few questions to configure components.json:

Which color would you like to use as base color? › Slate
Do you want to use CSS variables for colors? › no / yes

Add components

You can now start adding components to your project.

npx shadcx@latest add paragraph-element -r plate

The command above will add the ParagraphElement component to your project.

Register components

To add more components to your plugins, see Plugin Components.