Kt Window

A modern, theme-aware WinForms window with customizable backgrounds, styling, and layout support.

🟣 PREMIUM

This component is only available in the Premium version of KimTools.

Get KimTools

kt-window-light kt-window-dark

🟢 DESIGNER SUPPORT

This control has full Visual Studio design-time support.
Drag it from the Toolbox onto your form, customize its properties directly in the Properties window, and KimTools will generate the corresponding code for you.

Theme-aware gradient

Use semantic KtColor values to create a background that follows the KimTools theme.

🔴 🟡 🟢
window.Background =
(
    startColor: KtColor.BASE_1,
    stopColor: KtColor.BASE_3,
    angle: 45
);
Auto
Light
Dark

kt-window-light kt-window-dark

kt-window-light

kt-window-dark

Background

Background Kt-Brush Sets the Background.

Solid background

Set a single KtColor to create a solid window background.

🔴 🟡 🟢
window.Background = KtColor.PRIMARY[50];
Auto
Light
Dark

solid-backgrounds-light solid-backgrounds-dark

solid-backgrounds-light

solid-backgrounds-dark

Gradient background

Combine two KtColor values to create a gradient background.

🔴 🟡 🟢
window.Background =
(
    KtColor.PRIMARY[50],
    KtColor.SECONDARY[50]
);
Auto
Light
Dark

gradient-backgrounds-light gradient-backgrounds-dark

gradient-backgrounds-light

gradient-backgrounds-dark

Gradient angle

Set the gradient direction by supplying an angle (0-360 degrees).

🔴 🟡 🟢
window.Background =
(
    KtColor.BASE,
    KtColor.Amber,
    90
);
Auto
Light
Dark

gradient-angles-light gradient-angles-dark

gradient-angles-light

gradient-angles-dark

Semantic colors

Use KimTools semantic theme variables so the background follows the active theme.

🔴 🟡 🟢
window.Background = KtColor.ACCENT;
Auto
Light
Dark

semantic-backgrounds-light semantic-backgrounds-dark

semantic-backgrounds-light

semantic-backgrounds-dark

Color shades

Use the color indexer to select a specific lightness level.

🔴 🟡 🟢
window.Background = KtColor.SECONDARY[20];
Auto
Light
Dark

background-shades-light background-shades-dark

background-shades-light

background-shades-dark

Custom color

Assign a hexadecimal color directly when a semantic theme color is not required.

🔴 🟡 🟢
window.Background = Color.Teal;
//or  window.Background = (KtColor)"#3B82F6";
Auto
Light
Dark

custom-background-colors-light custom-background-colors-dark

custom-background-colors-light

custom-background-colors-dark

Pattern styles

PatternStyle HatchStyle Nullable Sets the Pattern style.

Pattern Style | Color

Supports patterns types which blend with the Background
set PatternStyle to null to disable patterns.

🔴 🟡 🟢
// Use % operator to apply transparency to Kt-Color
window.Background = KtColor.BASE_1; // Solid Color or Gradient
window.PatternColor = KtColor.BASE_3;  // Solid Color or 
window.PatternStyle = HatchStyle.LargeConfetti;
Auto
Light
Dark

background-patterns_largeconfetti-light background-patterns_largeconfetti-dark

background-patterns_largeconfetti-light

background-patterns_largeconfetti-dark

Pattern styles
Horizontal

background-patterns_horizontal-light background-patterns_horizontal-dark

Min

background-patterns_min-light background-patterns_min-dark

Vertical

background-patterns_vertical-light background-patterns_vertical-dark

ForwardDiagonal

background-patterns_forwarddiagonal-light background-patterns_forwarddiagonal-dark

BackwardDiagonal

background-patterns_backwarddiagonal-light background-patterns_backwarddiagonal-dark

Cross

background-patterns_cross-light background-patterns_cross-dark

LargeGrid

background-patterns_largegrid-light background-patterns_largegrid-dark

Max

background-patterns_max-light background-patterns_max-dark

DiagonalCross

background-patterns_diagonalcross-light background-patterns_diagonalcross-dark

Percent05

background-patterns_percent05-light background-patterns_percent05-dark

Percent10

background-patterns_percent10-light background-patterns_percent10-dark

Percent20

background-patterns_percent20-light background-patterns_percent20-dark

Percent25

background-patterns_percent25-light background-patterns_percent25-dark

Percent30

background-patterns_percent30-light background-patterns_percent30-dark

Percent40

background-patterns_percent40-light background-patterns_percent40-dark

Percent50

background-patterns_percent50-light background-patterns_percent50-dark

Percent60

background-patterns_percent60-light background-patterns_percent60-dark

Percent70

background-patterns_percent70-light background-patterns_percent70-dark

Percent75

background-patterns_percent75-light background-patterns_percent75-dark

Percent80

background-patterns_percent80-light background-patterns_percent80-dark

Percent90

background-patterns_percent90-light background-patterns_percent90-dark

LightDownwardDiagonal

background-patterns_lightdownwarddiagonal-light background-patterns_lightdownwarddiagonal-dark

LightUpwardDiagonal

background-patterns_lightupwarddiagonal-light background-patterns_lightupwarddiagonal-dark

DarkDownwardDiagonal

background-patterns_darkdownwarddiagonal-light background-patterns_darkdownwarddiagonal-dark

DarkUpwardDiagonal

background-patterns_darkupwarddiagonal-light background-patterns_darkupwarddiagonal-dark

WideDownwardDiagonal

background-patterns_widedownwarddiagonal-light background-patterns_widedownwarddiagonal-dark

WideUpwardDiagonal

background-patterns_wideupwarddiagonal-light background-patterns_wideupwarddiagonal-dark

LightVertical

background-patterns_lightvertical-light background-patterns_lightvertical-dark

LightHorizontal

background-patterns_lighthorizontal-light background-patterns_lighthorizontal-dark

NarrowVertical

background-patterns_narrowvertical-light background-patterns_narrowvertical-dark

NarrowHorizontal

background-patterns_narrowhorizontal-light background-patterns_narrowhorizontal-dark

DarkVertical

background-patterns_darkvertical-light background-patterns_darkvertical-dark

DarkHorizontal

background-patterns_darkhorizontal-light background-patterns_darkhorizontal-dark

DashedDownwardDiagonal

background-patterns_dasheddownwarddiagonal-light background-patterns_dasheddownwarddiagonal-dark

DashedUpwardDiagonal

background-patterns_dashedupwarddiagonal-light background-patterns_dashedupwarddiagonal-dark

DashedHorizontal

background-patterns_dashedhorizontal-light background-patterns_dashedhorizontal-dark

DashedVertical

background-patterns_dashedvertical-light background-patterns_dashedvertical-dark

SmallConfetti

background-patterns_smallconfetti-light background-patterns_smallconfetti-dark

LargeConfetti

background-patterns_largeconfetti-light background-patterns_largeconfetti-dark

ZigZag

background-patterns_zigzag-light background-patterns_zigzag-dark

Wave

background-patterns_wave-light background-patterns_wave-dark

DiagonalBrick

background-patterns_diagonalbrick-light background-patterns_diagonalbrick-dark

HorizontalBrick

background-patterns_horizontalbrick-light background-patterns_horizontalbrick-dark

Weave

background-patterns_weave-light background-patterns_weave-dark

Plaid

background-patterns_plaid-light background-patterns_plaid-dark

Divot

background-patterns_divot-light background-patterns_divot-dark

DottedGrid

background-patterns_dottedgrid-light background-patterns_dottedgrid-dark

DottedDiamond

background-patterns_dotteddiamond-light background-patterns_dotteddiamond-dark

Shingle

background-patterns_shingle-light background-patterns_shingle-dark

Trellis

background-patterns_trellis-light background-patterns_trellis-dark

Sphere

background-patterns_sphere-light background-patterns_sphere-dark

SmallGrid

background-patterns_smallgrid-light background-patterns_smallgrid-dark

SmallCheckerBoard

background-patterns_smallcheckerboard-light background-patterns_smallcheckerboard-dark

LargeCheckerBoard

background-patterns_largecheckerboard-light background-patterns_largecheckerboard-dark

OutlinedDiamond

background-patterns_outlineddiamond-light background-patterns_outlineddiamond-dark

SolidDiamond

background-patterns_soliddiamond-light background-patterns_soliddiamond-dark

API Reference

Background Kt-Brush Sets the Background.
PatternColor Kt-Color Sets the Pattern color.
Foreground Kt-Color Sets the Foreground.
Drag Boolean Sets the Drag.
Composited Boolean Enables WS_EX_COMPOSITED to reduce flicker at runtime.
Shadow Boolean Enables Shadows on borderless window.
PatternStyle HatchStyle Nullable Sets the Pattern style.
Text String The text associated with the control.