More than a UI kit.
A full product toolkit.
Fluxo UI ships the hard parts most teams build from scratch — a visual report designer, pivot engine, Gantt timeline, Kanban board, rich HTML/Markdown editors, an image editor, a calendar, and a built-in state management + dependency injection layer. Everything is themeable, accessible, and typed end-to-end.
Flagship Components
The headline experiences that set Fluxo UI apart. Each one could be a product on its own.
Report Builder & Viewer
A complete BI toolkit in one pair: a visual drag-and-drop designer with pluggable datasources, parameter panels, row/column groups, expression-driven cells, visibility rules, and JSON-serializable definitions — plus a runtime Viewer that takes those definitions and renders them with sorting, filtering, drill-through, and PDF export for end users.
HTML Editor
A full-featured rich text editor — bold, headings, lists, tables, images, links, colors, alignment, undo/redo — that emits sanitized HTML. Drop it in for any content authoring experience.
Markdown Editor
Markdown editor with a rich toolbar, image upload, syntax highlighting, and a synchronized split-view preview. Ideal for docs, comments, and content pipelines.
Image Editor
A browser-side image editor with cropping, rotation, blur, and freehand annotation overlays. Built on a layered canvas pipeline — export the edited image back as a file or dataURL.
More Highlights
Other standout components worth spotlighting.
Diff Viewer
High-performance text diff with unified, split, and inline variants. Virtualized rendering keeps huge files smooth. Syntax-aware, line-level, and word-level highlights.
Carousel
A responsive image/video carousel with thumbnail navigation, autoplay, keyboard controls, and touch gestures. Handles aspect ratios, captions, and custom controls cleanly.
Canvas Draw
A drawing and annotation canvas with brush variants, undo/redo, color picking, and export to image. Pair it with Image Editor for a complete annotation workflow.
QR Code
A pure-TypeScript QR encoder with no runtime dependencies. Auto-picks the smallest version (1–40), supports all four error-correction levels, square/rounded/dot module shapes, centered logo overlays, and a download handle for PNG/JPEG/SVG export.
Barcode
A standards-compliant barcode generator covering Code 128, Code 39, EAN-13, EAN-8, UPC-A, and ITF. Renders crisp SVG with configurable bar width, height, text label, and colors — drop it next to a SKU or ticket number.
Chat Window
A fully-controlled chat surface with composer, attachments, reactions, replies, message actions, feedback, and a built-in emoji picker. Ships with 9 themes, light/dark modes, drag/resize, persistence, custom message templates, and seven floating launcher styles for opening it.
Platform Features
Fluxo UI isn't just components — it ships the plumbing most apps end up writing anyway. Two first-class building blocks keep your app lean, testable, and easy to scale.
Built-in Reactive Store
A store with batched updates, path-level subscriptions, and auto-tracked computed properties — plus a Model factory for CRUD entities. Middleware for persistence, undo/redo, validation, throttle, broadcast, devtools, and logging.
First-class DI Container
Class and factory registration with singleton, scoped, and transient lifetimes. Parameterized factories, circular-dependency detection, chainable API, and a full React integration — ServiceProvider, ServiceScope, useService, useContainer, and a withServices HOC.
Want the full picture?
These are the headliners. The complete library has 100+ components — form inputs, tables, pickers, overlays, charts, navigation, feedback, and more — every one themeable and accessible out of the box.