design-infraReport a problem or share feedback← Catalog
Editor
curatedtheme-awarefreekibo-ui/editor
The Editor component is a powerful and flexible text editor that allows you to create and edit rich text content.
drop-inTrustworthyTechnical
$
npx shadcn@latest add @kibo-ui/editornpm deps: @floating-ui/dom, @tiptap/core, @tiptap/extension-code-block-lowlight, @tiptap/extension-list, @tiptap/extension-subscript, @tiptap/extension-superscript, @tiptap/extension-table, @tiptap/extension-text-style, @tiptap/extension-typography, @tiptap/extensions, @tiptap/pm, @tiptap/react, @tiptap/starter-kit, @tiptap/suggestion, fuse.js, lowlight, lucide-react, tippy.js
Our notes
TipTap rich-text editor with slash commands, bubble menu, tables. Token-based UI but ~18 tiptap/lowlight deps — only when you truly need rich text.- Source
- Kibo UI
- Kind
- component
- Categories
- input
- Use as
- drop-in — replaces your component
- Applies to
- input
- Motion
- not tagged (static or unknown)
- Licence
- MIT (shadcnblocks/kibo, originally Hayden Bleasel). Premium blocks are sold at shadcnblocks.com — not catalogued.
- Live demo
- www.kibo-ui.com
- Docs
- www.kibo-ui.com
Similar
Compare all 4 →- Image Cropper: upload, file, imageoriginui/comp-554Avatar upload with crop dialog + zoom slider. Uses Origin's cropper primitive and use-file-upload hook.
- Color Pickerkibo-ui/color-pickerFigma-style colour picker (saturation/hue/alpha/eyedropper/format). Surfaces use tokens; the colour gradients are intrinsic.
- Dropzonekibo-ui/dropzoneFile dropzone (react-dropzone) with empty/content states. Token-based; pairs with stock shadcn forms.