Directory Structure
Unzipping the downloaded UI kit will yield the below directories:
flutter_ui_kit_responsive (the main UI kit)
assets
fonts
lib
demo
focus_ui_kit
focus_ui_kit_starter (a starter project structure)
The provided directory structure exemplifies a typical Flutter project setup. We will focus on the directory named flutter_ui_kit_responsive which is located at the project’s root.
lib/focus_ui_kit
This is where all the codes of the UI kit is placed.
lib/demo
This is the demo app folder. This is the same app which is seen on "Preview" in CodeCanyon @ Envato.
assets
The assets folder contains images and other files that either the UI kit or the demo application relies on.
fonts
The fonts folder contains all fonts utilized by the UI kit. The default font is “ Inter” while “ Jetbrains-Mono” is employed for the code display widget.