The CORK UI is built on top of Bootstrap, a powerful library that
provides flexible, customizable, and easy-to-use components.
Available For - v5.x.x
Check out our powerful UI demos designed
to help you build faster and better.
Demo 1 - Modern Menu
Demo 2 - Horizontal Menu
Demo 3 - Vertical Menu
let currentInitId = null;
// finalize finalizeModeActivation(instanceId, mode); } Subscription cleanup:
function setModeAsync(mode) { const v = ++modeVersion; return doAsyncSetup(mode).then(result => { if (v !== modeVersion) return; // ignore stale applyMode(result); }); } Debounce/coalesce:
function mountViewer() { const unsub = eventBus.subscribe('mode-change', handler); onUnmount(() => unsub()); } Versioned async operations:
This treatise explains and prescribes handling the “viewerframe mode refresh hot” problem — an issue that appears when an app’s viewer frame (the UI component that displays content) needs to update its mode quickly and reliably, especially under hot-reload or fast-refresh conditions. It covers root causes, design patterns, concrete implementations, troubleshooting, and practical tips for robust behavior.
const setModeDebounced = debounce((m) => setMode(m), 150); Unique instance IDs:
async function activateMode(instanceId, mode) { const initId = Symbol(); currentInitId = initId;
Explore a comprehensive range of elements like menus,
sliders, buttons, inputs, and others, all conveniently gathered here.
Chat
Mailbox
AI
Kanban
Calendar
Users
Notes
Invoice
Ecommerce
Let's see what makes our theme super powerful and user-friendly!
let currentInitId = null;
// finalize finalizeModeActivation(instanceId, mode); } Subscription cleanup:
function setModeAsync(mode) { const v = ++modeVersion; return doAsyncSetup(mode).then(result => { if (v !== modeVersion) return; // ignore stale applyMode(result); }); } Debounce/coalesce:
function mountViewer() { const unsub = eventBus.subscribe('mode-change', handler); onUnmount(() => unsub()); } Versioned async operations:
This treatise explains and prescribes handling the “viewerframe mode refresh hot” problem — an issue that appears when an app’s viewer frame (the UI component that displays content) needs to update its mode quickly and reliably, especially under hot-reload or fast-refresh conditions. It covers root causes, design patterns, concrete implementations, troubleshooting, and practical tips for robust behavior.
const setModeDebounced = debounce((m) => setMode(m), 150); Unique instance IDs:
async function activateMode(instanceId, mode) { const initId = Symbol(); currentInitId = initId;
Please describe your case to receive the most accurate advice.