# Frameless Applications Wails supports application that have no frames. This can be achieved by using the [frameless](../reference/options.mdx#frameless) field in [Application Options](../reference/options.mdx#application-options). Wails offers a simple solution for dragging the window: Any HTML element that has the CSS style `--wails-draggable:drag` will act as a "drag handle". This property applies to all child elements. If you need to indicate that a nested element should not drag, then use the attribute '--wails-draggable:no-drag' on that element. ```html
``` For some projects, using a CSS variable may not be possible due to dynamic styling. In this case, you can use the `CSSDragProperty` and `CSSDragValue` application options to define a property and value that will be used to indicate draggable regions: ```go title=main.go package main import ( "embed" "github.com/wailsapp/wails/v2" "github.com/wailsapp/wails/v2/pkg/options" ) //go:embed frontend/dist var assets embed.FS func main() { // Create an instance of the app structure app := NewApp() // Create application with options err := wails.Run(&options.App{ Title: "alwaysontop", Width: 1024, Height: 768, Assets: assets, Frameless: true, CSSDragProperty: "widows", CSSDragValue: "1", Bind: []interface{}{ app, }, }) if err != nil { println("Error:", err) } } ``` ```html title=index.html alwaysontop
``` :::info Fullscreen If you allow your application to go fullscreen, this drag functionality will be disabled. :::