Skip to content
From a property panel to an entire workspace.
Use a single input or compose a complete editing experience. DSK provides the controls; your application owns its document, renderer and history.
Precision, built in ↗Drag values, evaluate expressions and link fields. Make repetitive adjustments feel effortless.A language for color ↗Compose hue, saturation, opacity and eyedropper controls into a picker that fits your product.At home on your canvas ↗Connect rulers and HTML annotations to your coordinates. Choose what follows pan and zoom.
Familiar HTML. Your design.
Register the components once, then use ordinary tags, attributes and native events. Start small:
ts
import '@flowscape-ui/dsk';html
<dsk-input aria-label="Width" value="160" min="0" step="1"></dsk-input>
<dsk-angle aria-label="Rotation" value="32" unit="deg"></dsk-angle>Style hosts with CSS, customize exposed shadow parts, and connect events to your engine. No runtime framework is required by the component library.
DSK in your editor.
Rulers, a comment and inputs connected to a real canvas SDK.