Days
Hours
Minutes
Seconds
x
Skip to content

Image Tui Plugin

Make photos beautiful in seconds with stunning filters, frames, stickers, touch-up tools and more.


Plugin options:

imageTUIOptions
Object -
Set options for TUI editor plugin.
Default:
{
includeUI: {
initMenu: "filter",
menuBarPosition: "left",
theme: {
"menu.activeIcon.path":
"https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-b.svg",
"menu.disabledIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-a.svg",
"menu.hoverIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-c.svg",
"menu.normalIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-d.svg",
"submenu.activeIcon.name": "icon-c", "submenu.activeIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-c.svg",
"submenu.normalIcon.name": "icon-d", "submenu.normalIcon.path": "https://cdn.jsdelivr.net/npm/[email protected]/dist/svg/icon-d.svg"
}
}

Add Plugin to your code:

Plugin name: imageTUI

Plugin JS Script: ../js/third_party/image_tui.min.js

Or from CDN https://cdn.jsdelivr.net/npm/froala-editor@latest/js/third_party/image_tui.min.js

Plugin CSS link: ../css/third_party/image_tui.min.css


Plugin CSS link https://cdn.jsdelivr.net/npm/froala-editor@latest/css/third_party/image_tui.min.css


Example:

● TUI Advanced Image Editor

Ready to dive in? Explore our plans