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.

Form Inheritance Integration

To transform a standard WinForms window into a modern KtWindow, modify your code-behind inheritance target from Form to KtWindow.

  1. Create Standard Form
    Add a standard Windows Form to your project using the Visual Studio designer.
  2. Open Code-Behind File
    Right-click the form designer surface and select View Code (F7) to open your Form.cs partial class.
  3. Update Base Class
    Change the base class inheritance from : Form to : KtWindow (ensure using KimTools.WinForms; is declared).
  4. Configure Window Properties
    Return to the Visual Studio designer to customize KtWindow properties like corner radius, border styling, shadow effects, and custom header controls.
🔴 🟡 🟢
using KimTools.WinForms;
	
namespace MyApp
{
    public partial class MyAppWindow : KtWindow
    {
        public MyAppWindow ()
        {
            InitializeComponent();
        }
    }
}

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.