CTHub Open-Core Platform — Zero Raster Overhead

The Multi-Window Docking Engine
for Modern Web & AI Applications

Deliver desktop-grade panel layouts, splitters, tab windowing, and stateful workspaces with zero raster overhead and seamless framework portals.

workspace // interactive-demo.ts
✨ Drag tabs, resize splitters, and dock panels freely

Designed for High-Density Engineering & Control Rooms

Built from the ground up for trading terminals, IDEs, and data-intensive dashboards.

Native Popout Windows

Detach any docking stack into true multi-monitor browser popouts with instant state synchronization across windows.

🎨

Zero-Raster SVG Mask Icons

Eliminate blurry PNG artifacts across High-DPI screens. All layout controls are powered by ultra-crisp CSS mask icons and CSS variables (`--strelit-icon-color`).

Framework Teleport Ready

Seamlessly embed React Portals, Vue Teleports, or Angular ComponentPortals without unmounting or destroying state during layout drag-and-drop.

⚙️

Sub-Millisecond Geometry

Engineered with batched `requestAnimationFrame` resize pipelines and CSS `contain: strict` for rock-solid 60 FPS window resizing.

💾

State & Snapshot Persistence

Serialize exact panel hierarchies, active tabs, and user window preferences into JSON snapshots suitable for LocalStorage or cloud sync.

🛡️

Open-Core MIT Foundation

Backed by CTHub with strict TypeScript typing, zero third-party DOM dependencies, and predictable enterprise expansion paths.

Get Started in Minutes

Choose your preferred stack and start building complex docking workspaces today.

Vanilla JS / TS

Core Engine
const layout = new StrelitLayout(config);
layout.loadLayout();

Pure DOM implementation with zero external dependencies and instant startup time.

React / Next.js

Portal Ready
<StrelitWorkspace theme="dark">
  <StrelitPanel id="editor" />
</StrelitWorkspace>

Declarative JSX integration keeping React Context and component state intact across drag boundaries.

Vue / Angular

Teleport
<Teleport to="virtual-rect">
  <MyVueComponent />
</Teleport>

First-class support for Vue Teleport and Angular ComponentPortal virtual bounding events.