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:

  1. 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.

  2. 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:

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:

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:

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.