# Wiki

- [Design (UI) ✏️](/wiki/design-ui.md): User Interface Designer for your app.
- [Blup Top Bar](/wiki/design-ui/blup-top-bar.md): It serves as a crucial component in product interfaces. Let’s delve into its composition and purpose:
- [Blup Menu Bar](/wiki/design-ui/blup-menu-bar.md): Menu Bar in Blup
- [Pages/Layers Panel](/wiki/design-ui/pages-layers-panel.md): Efficiently manage your app's pages and layers in Blup with the Pages & Layers Panel.
- [Toolkit](/wiki/design-ui/tools-section.md): Our versatile draggable toolkit is designed to elevate your experience by providing effortless access to tools like the selection cursor, rectangle, etc, enabling you to create with precision & ease.
- [Insert Panel](/wiki/design-ui/insert-widgets.md): Learn how to insert and configure a variety of widgets in Blup to enhance your application's functionality.
- [TextField Widget](/wiki/design-ui/insert-widgets/textfield-widget.md): Learn how to insert and configure text fields in Blup for seamless user input and interaction in your applications.
- [Progress Widget](/wiki/design-ui/insert-widgets/progress-wheel-widget.md): Add and customize progress wheels in Blup to visually represent task completion and progress in your app.
- [FAB Widget](/wiki/design-ui/insert-widgets/fab-widget.md): Implement floating action buttons in Blup to enhance user interactions and improve app accessibility.
- [Icon Widget](/wiki/design-ui/insert-widgets/icon-widget.md): Insert and customize icons in Blup to enhance your app's visual appeal and improve user experience.
- [Lottie Animation Widget](/wiki/design-ui/insert-widgets/lottie-widget.md): Integrate Lottie animations in Blup for engaging and interactive user experiences with seamless animations.
- [Text Button Widget](/wiki/design-ui/insert-widgets/textbutton-widget.md): Add customizable text buttons in Blup for effective user interactions and navigation within your application.
- [Appbar Widget](/wiki/design-ui/insert-widgets/appbar-widget.md): Create intuitive navigation bars using the AppBar widget in Blup to enhance your app's user interface.
- [Checkbox Widget](/wiki/design-ui/insert-widgets/checkbox-widget.md): Incorporate checkboxes in Blup to allow users to make selections and set preferences within your app.
- [Switch Widget](/wiki/design-ui/insert-widgets/switch-widget.md): Implement toggle switches in Blup for users to easily switch settings and features within your application.
- [Slider Widget](/wiki/design-ui/insert-widgets/slider-widget.md): Add sliders in Blup to enable users to select values within a specified range for various app features.
- [Radio Widget](/wiki/design-ui/insert-widgets/radio-widget.md): Use radio buttons in Blup for single-choice selections, enhancing forms and surveys in your application.
- [Progress bar Widget](/wiki/design-ui/insert-widgets/progress-bar-widget.md): Customize progress bars in Blup to visually display task completion and progress to your users.
- [Multi choice dialog Widget](/wiki/design-ui/insert-widgets/multi-choice-widget.md): Enable multiple-choice selections in Blup with this versatile widget for enhanced user input options.
- [Web View Widget](/wiki/design-ui/insert-widgets/web-view-widget.md): Embed web content seamlessly within your Blup application using the Web View widget.
- [Camera View Widget](/wiki/design-ui/insert-widgets/cameraview-widget.md): Integrate camera functionalities in Blup to capture photos and videos directly within your app.
- [Map View Widget](/wiki/design-ui/insert-widgets/mapview-widget.md): Add interactive maps to your Blup application to provide location-based features and services.
- [Date Picker Widget](/wiki/design-ui/insert-widgets/date-picker-widget.md): Implement date pickers in Blup for users to easily select dates within your application's forms.
- [Time Picker Widget](/wiki/design-ui/insert-widgets/timepicker-widget.md): Add time pickers in Blup to allow users to select specific times within your application.
- [IOS Date Picker Widget](/wiki/design-ui/insert-widgets/ios-datepicker-widget.md): Customize iOS-style date pickers in Blup to provide a native and familiar user experience.
- [IOS Timer Widget](/wiki/design-ui/insert-widgets/ios-timer-widget.md): Implement iOS-style timers in Blup for countdowns and timing features in your application.
- [Alert Dialog box Widget](/wiki/design-ui/insert-widgets/alert-dialogbox-widget.md): Add alert dialog boxes in Blup to notify and prompt users with important messages.
- [Dropdown Menu Widget](/wiki/design-ui/insert-widgets/dropdown-widget.md): Use dropdown menus in Blup for selection lists, enhancing the user input experience in your app.
- [Properties Panel](/wiki/design-ui/properties-panel.md): Right Hand Side Panel Of Blup
- [Pages Properties](/wiki/design-ui/properties-panel/pages-properties.md): Customize page properties in Blup to enhance the functionality and design of your app's pages.
- [Text Properties](/wiki/design-ui/properties-panel/text-properties.md): Adjust text properties in Blup for better readability and visual appeal within your application.
- [List Properties](/wiki/design-ui/properties-panel/list-properties.md): Manage list properties in Blup to display data effectively within your app's user interface.
- [Rectangle Properties](/wiki/design-ui/properties-panel/rectangle-properties.md): Customize rectangle properties in Blup to suit your design needs and improve app aesthetics.
- [Page Canvas](/wiki/design-ui/page-canvas.md): Design your app's layout effectively using the Page Canvas tool in Blup for a better user experience.
- [Choose from Assets](/wiki/design-ui/choose-from-assets.md): Select and use assets from your library in Blup to enrich your app's content and design.
- [Right-Click Menu in Design](/wiki/design-ui/right-click-menu-in-design.md): Utilize the right-click menu in Blup for quick access to essential design tools and options.
- [How to use navigate page in Blup](/wiki/design-ui/how-to-use-navigate-page-in-blup.md): Learn to navigate between pages efficiently in Blup to create seamless user experiences.
- [Logics ⚡](/wiki/logics.md): Create logics visually.
- [UI Nodes](/wiki/logics/ui-nodes.md): Bridge between the Design \[blup designer] and logics \[Blup Logics].
- [Rectangle UI Node](/wiki/logics/ui-nodes/rectangle-ui-node.md): Implement and customize rectangle UI nodes in Blup to enhance your app's design and functionality.
- [Text UI Node](/wiki/logics/ui-nodes/text-ui-node.md): Use text UI nodes in Blup to add and configure text elements within your application's interface.
- [Group UI Node](/wiki/logics/ui-nodes/group-ui-node.md): Organize and manage grouped UI nodes in Blup for better design efficiency and functionality.
- [List UI Node](/wiki/logics/ui-nodes/list-ui-node.md): Add and manage list UI nodes in Blup to display collections of items effectively in your app.
- [Page ListView UI Node](/wiki/logics/ui-nodes/pages.md): Learn to create and manage multiple pages in Blup for a well-organized and efficient application.
- [Helper Nodes](/wiki/logics/helper-nodes.md): Utilize helper nodes in Blup to enhance your application's logic and functionality with ease.
- [Boolean Nodes](/wiki/logics/helper-nodes/boolean-nodes.md): Implement boolean logic nodes in Blup for effective conditional operations within your application.
- [Date Time Nodes](/wiki/logics/helper-nodes/date-time-nodes.md): Use date and time nodes in Blup for scheduling and time-based features in your app.
- [Double Nodes](/wiki/logics/helper-nodes/double-nodes.md): Manage and use double data type nodes in Blup for numeric operations and calculations.
- [Duration Nodes](/wiki/logics/helper-nodes/duration-nodes.md): Implement duration nodes in Blup for precise time interval calculations in your application.
- [Integers Nodes](/wiki/logics/helper-nodes/integers-nodes.md): Use integer nodes in Blup for numeric operations and logic within your app's functionality.
- [Json Nodes](/wiki/logics/helper-nodes/json-nodes.md): Integrate JSON nodes in Blup for efficient data handling and API interactions within your app.
- [List Nodes](/wiki/logics/helper-nodes/list-nodes.md): Manage and use list nodes in Blup for handling collections and data arrays effectively.
- [Map Nodes](/wiki/logics/helper-nodes/map-nodes.md): Implement map nodes in Blup for key-value pair data management within your application.
- [String Nodes](/wiki/logics/helper-nodes/string-nodes.md): Use string nodes in Blup for text operations and manipulations within your application's logic.
- [Variables Node Section](/wiki/logics/variables-node-section.md): Manage application variables efficiently in Blup with the Variables Node Section.
- [Function Node Section](/wiki/logics/function-node-section..md): Implement and manage custom functions in Blup to enhance your application's logic.
- [Maths Node Section](/wiki/logics/maths-node-section.md): Learn to implement and use mathematical nodes in Blup for performing various calculations in your app's logic.
- [Flow Control Section](/wiki/logics/flow-control-section.md): Understand and utilize flow control nodes in Blup to manage the flow and execution of your application's logic.
- [Relational Operators Section](/wiki/logics/relational-operators-section.md): Use relational operators in Blup to compare values and make decisions based on those comparisons.
- [Logical Operators Section](/wiki/logics/logical-operators-section.md): Implement logical operators in Blup to perform logical operations and control your app's behavior.
- [System Node Section](/wiki/logics/system-node-section.md): Integrate system nodes in Blup to manage system-level operations and interactions within your application.
- [SDK Library Section](/wiki/logics/sdk-library.md): Explore the SDK Library in Blup to extend your app's functionality with pre-built modules and integrations.
- [Blup Sheet API Node Section](/wiki/logics/blup-sheet-api.md): Utilize the Blup Sheet API to interact with data sheets programmatically and enhance your app's data management.
- [Backend 🔗](/wiki/backend.md): Pre-built backend and sql for building apps.
- [Sheets](/wiki/backend/sheets.md): Sheets is a powerful GUI database designed for seamless integration with Blup. Built on AWS, Sheets ensures secure, high-availability data management for effortless use.
- [SQL](/wiki/backend/sql.md): SQL in Blup is similar to traditional SQL.
- [Blup Code Editor](/wiki/blup-code-editor.md): Discover the features of the Blup Code Editor for coding, editing, and customizing your Blup applications.
- [File Explorer](/wiki/blup-code-editor/file-explorer.md): Navigate and manage your project files efficiently within the Blup Code Editor's File Explorer.
- [Editor Area](/wiki/blup-code-editor/editor-area.md): Edit your code and customize your app within the Editor Area of the Blup Code Editor for a seamless development experience.
- [Publish to stores 🚀(Ship)](/wiki/publish-to-stores-ship.md): Distribute your app on App & Play stores.
- [iOS Cloud Build 😮‍💨](/wiki/publish-to-stores-ship/ios-cloud-build.md): Distribute your app on App Store from Windows, Linux or Mac.
- [Configure ⚙️](/wiki/publish-to-stores-ship/ios-cloud-build/configure.md): Create iOS release build on cloud. (Even if you are on Windows or Linux.)
- [Run ▶️](/wiki/publish-to-stores-ship/ios-cloud-build/run.md): How to run iOS cloud build is Blup?
- [Play Store](/wiki/publish-to-stores-ship/play-store.md): Follow these steps to publish your Blup application on the Google Play Store and reach a wider audience.
- [Build Your First App](/wiki/build-app.md): Build your app effortlessly with Blup! Our guide offers step-by-step instructions, expert tips, and best practices to turn your app idea into reality.
- [TODO App](/wiki/build-app/todo-app.md): Learn to build a functional to-do app in Blup with step-by-step instructions and best practices.