# Flipabit overview

[Flipabit ](https://flipabit.dev)is integrated development environment. You use Flipabit to create apps for iOS, Android, Windows and Mac without writing a line of code. Flipabit provides tools to manage your entire development workflow — from creating your app to publish it to app stores. The entire user interface can be built using drag-and-drop functionality.

A project keeps the necessary files and resources for developing your app organized. To create a project, start with one of the **templates**, then modify it however you like. Each template comes preconfigured with default settings and is ready to run.

![](https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukQxvtrAElAfMe-B%2Fintro_window_templates6.png?alt=media\&token=b85a85f8-e4f1-405c-acd0-8953fe870c02)

After you create a project, the **main window** appears. This window is your primary interface for viewing, editing, and managing all the parts of your project.

![Flipabit main window](https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukR-jCUrluhHxCJC%2Fintro_window5.png?alt=media\&token=29d300ea-41fc-49cc-a4d4-bab63c387491)

Use the **Toolbar** to add widgets and files, configure your work environment. Widgets are a powerful feature that allows user interface components to easily be added to a project.

![Toolbar](https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukQzm7bv0MOsTkk5%2Fintro_window_toolbar3.png?alt=media\&token=2e6a171e-d9c8-46b3-8e72-0f1e1247241d)

Use the **Navigator** to view the project structure, navigate between pages, add, delete, and organize items in your project. Right-clicking on an item in the Navigator allows access to the item’s context menu. Select a widget in the Navigator to highlight it in a Workspace or double click a page to open it.

![Navigator](https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukQwNWedWaHf0ONU%2Fintro_window_navigator2.png?alt=media\&token=2527b0c5-bf17-488e-88bf-fb5e22dd3101)

Use the **Inspector** to view and edit information for the selected object or for the project.

![Inspector](https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukQuE9k17pLQxiSD%2Fintro_window_inspector2.png?alt=media\&token=b43daafe-381f-4591-8e1d-f2a299058311)

Use the **Actions Editor** to view and edit actions to execute when a event is fired.

![Actions Editor](https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukPje0v_gPXCk3AC%2Finfo_window_actions.png?alt=media\&token=1f05d506-ad82-4c00-9dcf-7b7daffc66f6)

Use the **Code Editor** to add custom dynamic functionality to your projects with JavaScript and QML.

![Code Editor](https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukPkyTuHlcwoAime%2Finfo_window_qml.png?alt=media\&token=9dec7072-ae96-45d8-80d3-2d3642e907db)