For more details and documentation on the client, you can visit [jsr.io/@windill/windmill](https://jsr.io/@windmill/windmill), although jsr.io is not supported for actual package imports yet.

wmill>=1.251.7

wmill>=1.251.7


**Windmill applications are customized UIs to interact with datasources** (web, internal, data providers, etc). They are a great way to have non-technical users interact with custom-made workflows.

Before jumping in, you should decide if you want to build a **Desktop** or a **Mobile** app. Just click on the appropriated icon on top.

Switch from **Editor** to **Preview** mode to take a step back on what you're building.

The App editor works on a drag-and-drop basis. From the right-side menu, click on a component to **create** it on the [canvas](../../apps/1_canvas.mdx), **move** it maintaining a click on it and **delete** it clicking on `Delete component` at the bottom of the `Settings` tab. You can resize your components by dragging the **resize** handler on the bottom-right corner.

If you have numerous components you might need to **Anchor** some of them to have them unmovable by other components.

Check out all of our components at [this page](../../apps/4_app_configuration_settings/1_app_component_library.mdx) or (better) directly from the app editor. Know that **we can quickly add components to the library**, just [reach out to us](../../misc/6_getting_help/index.mdx).

The **[Outputs](../../apps/2_outputs.mdx)** of each component can be found on the left side menu. Each of them is associated with a component (see the component id).

At any time, have a look at your app's **Inputs** associated with each component on the dedicated `App inputs` tab found in the `⋮` menu of the toolbar.

At the **[component level](../../apps/4_app_configuration_settings/4_app_styling.mdx#component-level)**, on the `Settings` tab, configure the style of each component (color, size, label, etc.) either directly in the boxes or using Custom CSS (on the Component Settings - Styling tab).

At the **[app level](../../apps/4_app_configuration_settings/4_app_styling.mdx#global-styling)**, you can give a harmonized style to your app with CSS. On the `Global Styling` tab, give details in boxes or in JSON, for the whole app and per class of component.

import { Book, Pen, Home, Cloud, Terminal } from 'lucide-react';

Many services labels themselves as **no-code** or **low-code**, as they address

made solely of engineers. However, **we believe they lack the full power and

- Windmill is an [open-source](https://github.com/windmill-labs/windmill) developer platform and infra to turn scripts (TypeScript, Python, Go, Bash, SQL) into endpoints, workflows and UIs. In that respect, Windmill is an alternative to Retool, Airplane and n8n.

- It **empowers semi-technical users** to access and edit that code without

- the _lockfile_ allows the script being deployed to maintain exactly the same

- the in _input spec_ (which is actually a JSON schema) is used to generate a

- a **[CLI](../../advanced/3_cli/index.mdx)** and GitHub Actions for **GitHub** and local

based development and code management.

**Windmill solves those problems**, and makes sure that scripts become widely

both **heavily code-based**, have **no low-code builders** for the flows, are

**complex to set up** and operate, and do not allow to share scripts easily or

- _Retool_ for building **admin panels**, and its other open-source

- _Airplane_ and _Superblocks_ have comparable set of features, but **not

open-source nor self-hostable**, **limited workflow** engines, **not made for

scalability** and have **no open APIs**.