Introduction
Create powerful rich-text editors with components you can copy and paste into your apps.
Plate Plus offers beautifully designed components and templates that you can copy and paste into your apps. Customizable. Premium quality.
This is NOT a typical component library or template collection. It's a curated set of premium components and fully-functional templates that you can use as a foundation for your advanced rich-text editing projects.
What's included in Plate Plus?
Plate Plus provides two main offerings:
-
Copy/Paste Components: Similar to shadcn/ui, but specifically tailored for rich-text editors. These components are designed to work seamlessly with Plate and offer advanced functionality.
-
Templates: Starting with our Notion-like template, these are fully-functional, ready-to-use applications that you can customize to your needs.
Getting Started
There are two main ways to get started with Plate Plus components:
Option 1: Using a Template (Recommended)
The easiest way to get started is by using one of our pre-configured templates. This approach sets up everything you need, including Plate, Tailwind CSS, and the necessary configurations.
We offer several templates to get you started:
- Minimal Template: A simple starting point for custom editing projects.
- Playground Template: A comprehensive playground for experimenting with Plate's features.
- Potion Template: A premium template with a Notion-like interface and AI capabilities.
Option 2: Manual Installation
If you're adding Plate UI components to an existing project or prefer more control over the setup process, you can follow our manual installation guide.
Head over to the Manual Installation guide for detailed instructions on how to:
- Add Tailwind CSS to your project
- Install necessary dependencies
- Configure your project files
- Set up Plate components
After completing the manual installation, you can start adding and using Plate UI components in your project.
Start Building
You can start building your editor right away by exploring each plugin and component:
Next Steps
Once you've completed either installation method, you're ready to start building your rich text editor with Plate UI components. Here are some helpful resources to continue your journey:
- Plate Documentation: Learn more about Plate's core concepts and features.
- Plate Components: Explore the available free Plate UI components.
- Plate Plus Components: Discover our premium components for advanced functionality.
- Plate Plus Templates: Check out our premium, ready-to-use templates.
If you encounter any issues during installation or have questions, don't hesitate to join our community for support.
FAQ
Plate Plus follows the same philosophy as our free components:
- You do not install it as a dependency.
- It is not available or distributed via npm.
- You have full ownership and control over the code.
Pick the components or templates you need. Copy and paste the code into your project and customize to your needs. The code is yours.