https://github.com/yaoguangduan/nicegoi

Create web-based user interfaces with golang,like nicegui
https://github.com/yaoguangduan/nicegoi

golang gui nicegui vue wails web

Last synced: 5 months ago
JSON representation

Create web-based user interfaces with golang,like nicegui

• Host: GitHub
• URL: https://github.com/yaoguangduan/nicegoi
• Owner: yaoguangduan
• Created: 2024-08-12T13:27:52.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-17T06:52:31.000Z (almost 2 years ago)
• Last Synced: 2024-08-17T16:01:16.305Z (almost 2 years ago)
• Topics: golang, gui, nicegui, vue, wails, web
• Language: Go
• Homepage:
• Size: 17.2 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
### NiceGoi

NiceGOI is an easy-to-use, Golang-based UI framework, which shows up in your web browser. You can create buttons,inputs,card and much more.

It is great for micro web apps,tools app.

##### run belong command to see demo:

```shell

go run github.com/yaoguangduan/nicegoi/cmd/nicegoi_demo@latest

```

##### Features

- write like native gui,use like web server

- browser-based graphical user interface

- standard GUI elements like label, button, checkbox, switch, slider, input

##### Usage

```go

package main

import (

	"github.com/yaoguangduan/nicegoi"

)

type Home struct {

}

func (t *Home) Name() string {

	return ""

}

func (t *Home) Layout(ctx nicegoi.PageContext) {

	input := ctx.Input(nil)

	btn := ctx.Button("Click Me!", func(self *nicegoi.Button) {

		is := input.GetValue()

		if is == "" {

			self.Ctx().MsgInfo("hello world")

		} else {

			self.Ctx().MsgSuccess("hello " + is)

		}

	})

	ctx.Box(input, btn).Vertical()

}

func main() {

	nicegoi.Run(new(Home))

}

```

##### Showcase

###### buttons

![Button](./docs/buttons.png)

###### inputs

![Input](./docs/inputs.png)

###### links

![Link](./docs/links.png)

###### tags

![tag](./docs/tags.png)

###### tag-input

![ti](./docs/tag-inputs.png)

###### progress

![progress](./docs/progress.png)

###### add more...