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
Immediate GitHub Repository Access - Here's exactly what happens:
- Step 1: Complete your purchase through Stripe
- Step 2: Receive GitHub organization invitation within minutes
- Step 3: Accept the invitation to access the Potion repository
- Step 4: Clone or download the complete source code
Important: Accepting the GitHub invitation constitutes successful delivery of the product.
The repository contains:
- Complete Potion template source code
- 100+ premium React components
- Documentation and setup instructions
- All future updates (lifetime access)
Note: This is source code you integrate into your project, not a hosted service or npm package.