Image Editor

ikui/image-editor

UnverifiedBlock

A full single-image editor built on fabric.js, wrapped in ikui's Base UI toolbar. Annotate with text, shapes, arrows, and image overlays; free-draw; pixelate a region for a privacy mosaic; tune brightness, contrast, and saturation; apply filter presets; crop (via the image-crop primitive) and resize; rotate, flip, undo, and redo; then export to PNG or JPEG. The fabric canvas is created from a lazily-imported module inside an effect, so the browser-only library never runs during SSR.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/WuChenDi/ikui/main/image-editor.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

fabric
lucide-react
@dnd-kit/core
@dnd-kit/sortable
@dnd-kit/utilities

Other registry items

@ikui/image-crop
alert-dialog
button
card
dropdown-menu
field
popover
resizable
select
slider
toggle-group

Files it writes

registry/ikui/blocks/image-editor.tsx

More from ikui

All 30 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Audio Trimmeraudio-trimmer	ikui	Blocks	Unverified	2 deps
Image Cropperimage-cropper	ikui	Blocks	Unverified	1 dep
Media Compressormedia-compressor	ikui	Blocks	Unverified	2 deps
Storyboard Timelinestoryboard-timeline	ikui	Blocks	Unverified	1 dep
Video Frame Extractorvideo-frame-extractor	ikui	Blocks	Unverified	2 deps
Video Trimmervideo-trimmer	ikui	Blocks	Unverified	2 deps