Tiptap Editor with shadcn-vue

A modern, extensible rich text editor built with Tiptap, shadcn-vue components, and Nuxt 4.

Installation

Add Tiptap to your project

Easily integrate this rich text editor into your Vue project with a simple command using shadcn-vue.

Terminal
npx shadcn-vue@latest add "https://tiptap-shadcn-vue.pages.dev/r/tiptap.json"
✏️

Example 1

Full-screen WYSIWYG editor with responsive toolbar and mobile support.

Add Your Example

Contribute your own Tiptap editor example to showcase different configurations and use cases.

How to Contribute

Contribute to the Project

This project is open source and MIT licensed. We welcome your contributions!

This project is available under the MIT License.