ToDo GUI

ToDo Applications created using various GUI tools.

Language

• Dart

  • Flutter
  • Rikulo UI

• Python

  • Flet
  • tkinter
  • Kivy
  • Remi
  • Reflex
  • PyQt
  • TkEasyGUI
  • Toga
  • PyForms
  • PyGTK
  • wxPython
  • Azul

• C++

  • QT
  • wxWidgets
  • GTK
  • GTKmm
  • FLTK (Fast Light Toolkit)
  • NanoGUI
  • Ultimate++ (U++)
  • CEGUI (Crazy Eddie's GUI)
  • Cinder
  • ImGui (Immediate Mode GUI)
  • Azul

• JavaScript

  • Electron
  • Tauri
  • Neutralino.js
  • NW.js
  • React Native
  • Wails
  • Lorca
  • Remi
  • Reflex
  • Dioxus
  • Proton Native
  • DeskGap
  • Carlo
  • Sciter
  • Ultralight

• Go

  • Fyne
  • Lorca
  • Wails
  • Gio
  • Walk
  • Go-GTK
  • shiny
  • Qt for Go
  • go-sciter
  • nuklear

• Rust

  • Druid
  • Slint
  • Tauri
  • Iced
  • Dioxus
  • Xilem
  • gtk-rs
  • egui
  • OrbTk
  • fltk-rs
  • Relm4
  • KAS
  • Conrod
  • vizia
  • Azul
  • rui
  • fui
  • silvia
  • Leptos

• C#

  • Avalonia
  • Uno Platform
  • WPF
  • UWP
  • Prism
  • Xamarin.Forms
  • WinForms
  • GTK#
  • MAUI
  • Electron.NET
  • OpenTK

Application Specification

• Default Window Size
  • width: 800px
  • height: 600px

Architecture

Design

• Contents
  • BackGroundColor
    • #1C1C1C
  • padding
    • Top, Bottom 10px
    • Left, Right 24px
• Title
  • Color #FFFFFF
  • FontSize 18px
  • MarginBottom 14px
• ToDoInput
  • Padding
    • Top, Bottom 4px
    • Left, Right 16px
  • TextColor #FFFFFF
  • PlaceHolderText
    • Add Task
  • PlaceHolderTextColor #9B9B9B
  • BackGroundColor #303030
  • MinWidth 430px
  • Height 35px
  • RoundedCorners 4px
  • MarginBottom 14px
• TabMenu
  • MenuText
    • All
    • Active
    • Completed
  • TextColor #D2D2D2
  • FontSize 14px
  • lineHeight 28px
  • ActiveStyle
    • FontBold
  • MenuItemPadding
    • Left, Right 8px
  • MarginBottom 3px
• ToDoItem
  • MinWidth 430px
  • Height 35px
  • Padding 10px
  • RoundedCorners 4px
  • BackGroundColor #2A2A2A
  • MarginBottom 5px
  • ToDoItemCheckBox
    • Width 16px
    • Height 16px
    • RoundedCorners 8px
    • borderColor 2px #D9D9D9
    • MarginRight 18px
    • CheckedBorder 2px solid
    • CheckedBorderColor #5DC2AF
  • FontSize 14px
  • TextColor #D2D2D2

CSS

Tools official website

Author

Daisuke Takayama

• @webcyou
• @panicdragon
• https://github.com/webcyou
• https://github.com/webcyou-org
• https://github.com/panicdragon
• http://www.webcyou.com/

License

Copyright (c) 2024 Daisuke Takayama Released under the MIT license