More Premium Hugo Themes Premium Tailwind Themes

Shadcn Tiptap

Sets of custom extensions & toolbars for tiptap editor. Install with shadcn/cli.

Shadcn Tiptap

Sets of custom extensions & toolbars for tiptap editor. Install with shadcn/cli.

Author Avatar Theme by niazmorshed2007
Github Stars Github Stars: 582
Last Commit Last Commit: Oct 27, 2024 -
First Commit Created: Mar 6, 2025 -
default image

Overview

The Shadcn Tiptap offers sets of custom extensions and toolbars for the tiptap editor, designed to be conveniently used with shadcn/ui components. This product is implemented using Next.js framework, styled with Tailwind CSS, and incorporates shadcn/ui for UI components. Users can easily get started with this editor to enhance their text editing experience.

Features

  • Custom Extensions: Enhance tiptap editor functionality with pre-built extensions.
  • Toolbars Integration: Provides toolbars designed to seamlessly work with shadcn/ui components.
  • Next.js Framework: Built on the Next.js framework for efficient development.
  • Tailwind CSS Styling: Utilizes Tailwind CSS for easy and customizable styling.
  • Shadcn UI Components: Includes shadcn/ui components to enhance the user interface.

Installation

To run the Shadcn Tiptap locally, follow these steps:

  1. Clone the repository:
    git clone <repository-url>
    
  2. Install dependencies using pnpm:
    pnpm install
    
  3. Start the development server:
    pnpm run dev
    

Summary

In summary, Shadcn Tiptap is a valuable resource for developers looking to enhance text editing capabilities with custom extensions and toolbars. By leveraging the Next.js framework, Tailwind CSS styling, and shadcn/ui components, users can easily integrate this editor into their projects. The simple installation process makes it accessible for developers to quickly set up and start using Shadcn Tiptap for their text editing needs.