Skip to content
store
ngx-tiptap

Open source alternatives to ngx-tiptap

29 open source UI Libraries apps to use instead, best rated first.

Top picks

  1. D

    dom-helpers

    Launch

    dom-helpers is a tiny, modular JavaScript library of DOM utilities, kept by the React Bootstrap project. It wraps common DOM tasks such as adding event listeners, reading computed styles, measuring offsets and scroll positions, and toggling

    Open source

  2. R

    react-quill

    Launch

    react-quill is a React component that wraps the Quill rich-text editor. Version 2 is a full port to TypeScript that supports React 16 and later, with a refactored build system and tightened internal logic. The maintainers say most projects

    Open source

  3. U

    uncontrollable

    Launch

    uncontrollable is a small React helper for wrapping a controlled component so that chosen prop and handler pairs can be left uncontrolled by the people who use it. The idea is that you write a component with minimal state and let the wrappe

    Open source

  4. R

    react-player

    Launch

    ReactPlayer is a React component that plays a wide range of media URLs, including file paths, HLS, DASH, YouTube, Vimeo, Wistia and Mux. It parses the URL you pass and loads the right player and any external SDK for that source. The README

    Open source

  5. N

    Nuxt.js

    Launch

    Nuxt is a free and open-source framework for building full-stack web applications and websites with Vue.js. It is meant for developers who want to create fast, search-friendly and production-grade sites without assembling every part themsel

    Open source

  6. R

    react-toastify

    Launch

    React-Toastify is a React library for adding notifications, called toasts, to an app. It is meant for developers who want to show short messages to users without building their own notification system. The README says it is easy to set up,

    Open source

More UI Libraries apps

See all
7
D

Daisy UI

UI Components for Tailwind CSS

Launch
8
R

react-input-autosize

Auto-resizing Input Component for React

Launch
9
U

Uppy

A sleek, modular JavaScript file uploader that integrates seamlessly

Launch
10
T

tiptap

A renderless and extendable rich-text editor for Vue.js

Launch
11
T

tanstack-table

Headless UI for building powerful tables & datagrids

Launch
12
R

react-diff-viewer-continued

Continuation of a simple and beautiful text diff viewer component

Launch
13
L

Lucide

Beautiful & consistent icon toolkit made by the community

Launch
14
M

Mantine

A fully featured React components library

Launch
15
B

@blocknote/react

A "Notion-style" block-based extensible text editor built on top of Prosemirror

Launch
16
R

react-bootstrap

Bootstrap components built with React

Launch
17
E

Emotion

High-performance CSS-in-JS style composition

Launch
18
N

novel

Notion-style WYSIWYG editor with AI-powered autocompletion

Launch
19
C

@chakra-ui/system

Chakra UI system primitives

Launch
20
P

pinia

Intuitive, type safe, light and flexible Store for Vue

Launch
21
R

react-cropper

Cropper as React Component

Launch
22
B

blobatar

Deterministic geometric blobatars from any string. No dependencies

Launch
23
C

@copilotkit/web-components

Framework-agnostic shadow-DOM web components for CopilotKit

Launch
24
P

puck

The visual editor for React

Launch
25
O

Omi

Next generation web framework in 4kb JavaScript

Launch
26
T

terracotta

Headless UI for SolidJS

Launch
27
V

vue-echarts

Vue.js component for Apache ECharts

Launch
28
V

Vue (shadcn-vue)

Vue port of shadcn/ui

Launch
29
A

@astryxdesign/theme-neutral

Restrained warm grays. Minimal and quiet, so the content stays the focus

Launch

About ngx-tiptap

N

ngx-tiptap

Angular bindings for tiptap v2

ngx-tiptap provides Angular bindings for the Tiptap rich text editor, so you can use the editor in Angular apps with standalone components and reactive forms. The package only supplies the Angular integration, and the README points to Tiptap's own documentation for configuring and customizing the editor itself. All of its components are standalone, so you import the component you need and create an editor instance. Reactive forms (formControl and formControlName) and Signal Forms both work with the editor. The output can be set to JSON or HTML, with HTML as the default. Markdown is supported through a Markdown extension, and you can read and write Markdown with editor commands and with a markdown manager when using the forms API. The package includes Angular integrations for Tiptap's floating menu and bubble menu, which show contextual menus near a selection of text, and an Angular node view renderer that lets you render Angular components inside the editor. No styling is provided, so you control the look, and because the editor is created dynamically, you may need to set view encapsulation to None or use ::ng-deep to style it. A demo is available on StackBlitz, and the project is on GitHub.

View ngx-tiptapAll UI Libraries apps
Price
Free
Made by
sibiraj-s
Category
UI Libraries
Website
github.com/sibiraj-s/ngx-tiptap