# Docs

## Docs

- [Home 🏠](https://docs.blup.in/readme.md): Welcome to Blup docs, your comprehensive resource for all things related to the inner workings of Blup!
- [Design (UI) ✏️](https://docs.blup.in/wiki/design-ui.md): User Interface Designer for your app.
- [Blup Top Bar](https://docs.blup.in/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](https://docs.blup.in/wiki/design-ui/blup-menu-bar.md): Menu Bar in Blup
- [Pages/Layers Panel](https://docs.blup.in/wiki/design-ui/pages-layers-panel.md): Efficiently manage your app's pages and layers in Blup with the Pages & Layers Panel.
- [Toolkit](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/wiki/design-ui/insert-widgets/fab-widget.md): Implement floating action buttons in Blup to enhance user interactions and improve app accessibility.
- [Icon Widget](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/wiki/design-ui/properties-panel.md): Right Hand Side Panel Of Blup
- [Pages Properties](https://docs.blup.in/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](https://docs.blup.in/wiki/design-ui/properties-panel/text-properties.md): Adjust text properties in Blup for better readability and visual appeal within your application.
- [List Properties](https://docs.blup.in/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](https://docs.blup.in/wiki/design-ui/properties-panel/rectangle-properties.md): Customize rectangle properties in Blup to suit your design needs and improve app aesthetics.
- [Page Canvas](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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 ⚡](https://docs.blup.in/wiki/logics.md): Create logics visually.
- [UI Nodes](https://docs.blup.in/wiki/logics/ui-nodes.md): Bridge between the Design \[blup designer] and logics \[Blup Logics].
- [Rectangle UI Node](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/wiki/logics/ui-nodes/pages.md): Learn to create and manage multiple pages in Blup for a well-organized and efficient application.
- [Helper Nodes](https://docs.blup.in/wiki/logics/helper-nodes.md): Utilize helper nodes in Blup to enhance your application's logic and functionality with ease.
- [Boolean Nodes](https://docs.blup.in/wiki/logics/helper-nodes/boolean-nodes.md): Implement boolean logic nodes in Blup for effective conditional operations within your application.
- [Date Time Nodes](https://docs.blup.in/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](https://docs.blup.in/wiki/logics/helper-nodes/double-nodes.md): Manage and use double data type nodes in Blup for numeric operations and calculations.
- [Duration Nodes](https://docs.blup.in/wiki/logics/helper-nodes/duration-nodes.md): Implement duration nodes in Blup for precise time interval calculations in your application.
- [Integers Nodes](https://docs.blup.in/wiki/logics/helper-nodes/integers-nodes.md): Use integer nodes in Blup for numeric operations and logic within your app's functionality.
- [Json Nodes](https://docs.blup.in/wiki/logics/helper-nodes/json-nodes.md): Integrate JSON nodes in Blup for efficient data handling and API interactions within your app.
- [List Nodes](https://docs.blup.in/wiki/logics/helper-nodes/list-nodes.md): Manage and use list nodes in Blup for handling collections and data arrays effectively.
- [Map Nodes](https://docs.blup.in/wiki/logics/helper-nodes/map-nodes.md): Implement map nodes in Blup for key-value pair data management within your application.
- [String Nodes](https://docs.blup.in/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](https://docs.blup.in/wiki/logics/variables-node-section.md): Manage application variables efficiently in Blup with the Variables Node Section.
- [Function Node Section](https://docs.blup.in/wiki/logics/function-node-section..md): Implement and manage custom functions in Blup to enhance your application's logic.
- [Maths Node Section](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/wiki/logics/relational-operators-section.md): Use relational operators in Blup to compare values and make decisions based on those comparisons.
- [Logical Operators Section](https://docs.blup.in/wiki/logics/logical-operators-section.md): Implement logical operators in Blup to perform logical operations and control your app's behavior.
- [System Node Section](https://docs.blup.in/wiki/logics/system-node-section.md): Integrate system nodes in Blup to manage system-level operations and interactions within your application.
- [SDK Library Section](https://docs.blup.in/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](https://docs.blup.in/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 🔗](https://docs.blup.in/wiki/backend.md): Pre-built backend and sql for building apps.
- [Sheets](https://docs.blup.in/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](https://docs.blup.in/wiki/backend/sql.md): SQL in Blup is similar to traditional SQL.
- [Blup Code Editor](https://docs.blup.in/wiki/blup-code-editor.md): Discover the features of the Blup Code Editor for coding, editing, and customizing your Blup applications.
- [File Explorer](https://docs.blup.in/wiki/blup-code-editor/file-explorer.md): Navigate and manage your project files efficiently within the Blup Code Editor's File Explorer.
- [Editor Area](https://docs.blup.in/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)](https://docs.blup.in/wiki/publish-to-stores-ship.md): Distribute your app on App & Play stores.
- [iOS Cloud Build 😮‍💨](https://docs.blup.in/wiki/publish-to-stores-ship/ios-cloud-build.md): Distribute your app on App Store from Windows, Linux or Mac.
- [Configure ⚙️](https://docs.blup.in/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 ▶️](https://docs.blup.in/wiki/publish-to-stores-ship/ios-cloud-build/run.md): How to run iOS cloud build is Blup?
- [Play Store](https://docs.blup.in/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](https://docs.blup.in/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](https://docs.blup.in/wiki/build-app/todo-app.md): Learn to build a functional to-do app in Blup with step-by-step instructions and best practices.
- [Blup Settings](https://docs.blup.in/setting-widget.md): Configure and customize settings within your Blup application using the Setting Widget.
- [Import from Figma](https://docs.blup.in/import-from-figma.md): Import your figma files directly in Blup.
- [How to use WebView in Blup](https://docs.blup.in/how-to-use-webview.md): Integrate and use WebView in Blup to display web content seamlessly within your application.
- [How to use Google Maps in Blup](https://docs.blup.in/how-to-use-googlemaps.md): Incorporate Google Maps into your Blup application to provide location-based features and services.
- [How to use the camera in blup?](https://docs.blup.in/how-to-use-camera.md): Learn to integrate and use the camera in Blup for capturing photos and videos directly within your app.
- [How to add Splash screen in Blup?](https://docs.blup.in/how-to-use-splash-screen.md): Implement a splash screen in Blup to enhance the user experience during app startup.
- [How to know Debug prints in blup](https://docs.blup.in/how-to-know-debug-prints.md): Learn how to use debug prints in Blup to troubleshoot and debug your application effectively.
- [How to use Google sign in in Blup](https://docs.blup.in/how-to-use-google-signin.md): Integrate Google Sign-In in Blup to enable users to log in with their Google accounts.
- [Creating sign up/ sign in in Blup](https://docs.blup.in/create-signin-signup.md): Create sign-in and sign-up functionality in Blup to manage user authentication and registration.