Axiom is a control library for Winforms applications that helps create modern, user-friendly interfaces inspired by the Bulma CSS framework.
Axiom is a library designed to enhance Winforms applications with more modern and visually appealing controls. It aims to provide developers with tools to create interfaces that are both functional and attractive.
It allows you to take your controls from this:
To this:
Axiom can be included in Winforms applications built on the .NET Framework.
- Download the project from GitHub.
- Open it in Visual Studio.
- Build the application.
- Find the DLL in the binary folder of the project.
To use Axiom in your Winforms project, follow these steps:
- Open any form in your project.
- Right-click the Toolbox and select Choose Items….
- Click Browse… and navigate to the built
Axiom.dll
file. - Select the
Axiom.dll
file and click OK.
You should now see Axiom controls available in your Toolbox, ready to be dragged and dropped onto your forms.
Here’s a simple example of how to use an Axiom control:
- Drag an Axiom button from the Toolbox onto your form.
- Set its properties in the Properties pane.
// Example of setting properties in code
axiomButton.Color = AxColor.Primary;
axiomButton.Rounded = true;
axiomButton.Static = false;
axiomButton.State = AxState.Loading;
Axiom controls come with a variety of properties to customize their appearance and behavior:
Property | Description |
---|---|
Color | The color of the control. This varies by control, with buttons having the most options. |
Inverted | The text color becomes the background color and vice-versa. |
Light | An option for a light variant of the default color scheme. |
Outlined | Removes the background and leaves the border and foreground text. |
Rounded | Adds a generous rounded border to controls. |
Shape | Controls the size of the control. Options are Small, Normal, Medium, and Large. |
Static | Converts a button to a non-interactive button. |
State | Tracks the state of the control (focused, hovered, etc). Setting the state to loading will display a loading symbol for some controls. |
Axiom contains the following types of control:
Control | Description |
---|---|
AxButton | The classic button, in different colors, sizes and states |
AxCheckbox | A checkbox control with properties similar to that of the button |
AxSwitch | A variation on the checkbox with no Winforms native equivalent |
AxRadioButton | A radio button with colors, sizes and styles |
AxImage | A picture box control with added facilities for rounded borders, and set aspect ratios |
AxInput | A textbox with placeholder, colors, sizes, styles, states etc |
AxSelect | A combobox with colors, sizes, styles and an animated dropdown arrow |
AxBox | A panel with colors, styles, rounded borders and shadows |
AxHoverableBox | Similar to AxBox, but has an animated hover-effect |
Here's a quick overview of the main properties for buttons. Many of Axiom's controls share these properties, so they're a good place to start.
Choose from plain colors:
Opt for bright eye-catching colors:
Or, toggle the Light property for the light version:
There are four main sizes of control in Axiom:
- Small
- Normal
- Medium
- Large
Sizes are set using the Shape property.
You can create a lighter-weight button with Outlined:
Or invert the foreground and background colors with Inverted:
You can even create pill-style buttons with Rounded:
You can also combine these properties at the same time.
The state of a control affects its style.
The style of Axiom controls is inspired by Bulma.io, a fantastic CSS framework for web development. Axiom brings a similar aesthetic and usability to Winforms applications.