UI Frameworks

In class, we will look at using JS, CSS, and HTML with a Flask backend for simplicity. You are welcome to use any other UI Frameworks/Platforms that interest you.

The “Class Stack”

Python + Flask with HTML, JS, and CSS

• Platforms: Web
• Flask Site: https://flask.palletsprojects.com/en/stable/

Bootstrap

• Site: https://getbootstrap.com/
• Platforms: Web, Desktop (via Electron)
• Supporting Language: HTML, CSS, JS

Tailwind CSS

• Site https://tailwindcss.com/
• Platforms: Web, Desktop (via Electron)
• Supporting Language: HTML, CSS, JS

Angular

• Site: https://angular.dev/
• Platforms: Web, Desktop (via Electron)
• Supporting Languages: JS/Typescript

React Native

• Site: https://reactnative.dev/
• Platforms: Web, Mobile, Desktop
• Supporting Language: JS/Typescript

Flutter

• Site: https://flutter.dev/
• Platforms: Web, Mobile, Desktop
• Supporting Language: Dart

QT (Community Edition)

• Site: https://www.qt.io/developers
• Platform: Mobile, Desktop
• Supporting Language: C++

Visual Studio (Windows XAML/ASP.NET)

• Site: https://visualstudio.microsoft.com/
• Platform: Windows Desktop, Mobile, Web
• Supporting Language: C#

Swift UI (Apple)

• Site: https://developer.apple.com/xcode/swiftui/
• Platform: MacOS, iOS, iPadOS
• Supporting Language: Swift

Kivy

• Site: https://kivy.org/index.html
• Platform: Mobile, Desktop.
• Supporting Language: Python

Java FX

• Site: https://openjfx.io/openjfx-docs/
• Platform: Desktop
• Supporting Language: Java

Android

• Site: https://developer.android.com/studio
• Platform: Android
• Supporting Language: Kotlin