Developer tooling for
modern applications
CodeCanon builds composable TypeScript libraries and provides software consultation services. From canvas editors to headless version control — drop them into any stack.
@codecanon/waraq
Try the editor live
Add layers, move and resize them, tweak colours — everything runs in your browser right now.
@codecanon/waraq
Everything included
One package — no headless setup, no extra wiring required.
Composable layout
Assemble the editor from Waraq, WaraqStage, WaraqPanel, and WaraqToolbar exactly the way you want it.
50+ action components
Pre-built controls for position, size, fill, border, shadow, typography, image editing, and more.
Google Fonts
First-class font picker backed by the Google Fonts API. No extra configuration needed.
Undo / redo
Built-in history management with 20+ keyboard shortcuts, all fully customizable.
Serializable state
Import and export designs as plain JSON with createWaraqData. Store anywhere.
Responsive panels
Panels collapse to bottom drawers on mobile via a configurable breakpoint.
Libraries
Packages ready to drop into any project.
Canva-like drag-and-drop design editor for React 19. Composable panels, 50+ action components, Google Fonts, undo/redo, and serializable JSON state.
Headless git-like version control for any key/value datasource. Commits, branches, diffs, 3-way merge, and pull requests — framework-agnostic, with adapters for IndexedDB, PostgreSQL, MongoDB, or any custom store.
50+ shadcn/ui color presets with light/dark mode support. Drop-in theme switching for any React app — violet-bloom, catppuccin, cyberpunk, and more.
CodeCanon LLC
Need custom development?
We provide software consultation and full-stack development services — from architecture reviews to building production-ready applications from scratch, across any stack.