Vite

Install shadcn/ui

Follow the shadcn/ui guide.

Run the CLI

Initialize Plate in your project using the CLI:

npx shadcx@latest init plate

Add components

You can now start adding components to components/plate-ui:

npx shadcx@latest add -r plate

Register components

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

Add editor (optional)

Choose your editor to get started (browse available editors).

Minimal Editor

npx shadcx@latest add plate/editor-basic

AI Editor

npx shadcx@latest add plate/editor-ai

This will add a page in app/editor along with all necessary components in components/plate-ui as a starting point.