Docs
BlupLearnSupportDownload
  • Home 🏠
  • Wiki
    • Design (UI) ✏️
      • Blup Top Bar
      • Blup Menu Bar
      • Pages/Layers Panel
      • Toolkit
      • Insert Panel
        • TextField Widget
        • Progress Widget
        • FAB Widget
        • Icon Widget
        • Lottie Animation Widget
        • Text Button Widget
        • Appbar Widget
        • Checkbox Widget
        • Switch Widget
        • Slider Widget
        • Radio Widget
        • Progress bar Widget
        • Multi choice dialog Widget
        • Web View Widget
        • Camera View Widget
        • Map View Widget
        • Date Picker Widget
        • Time Picker Widget
        • IOS Date Picker Widget
        • IOS Timer Widget
        • Alert Dialog box Widget
        • Dropdown Menu Widget
      • Properties Panel
        • Pages Properties
        • Text Properties
        • List Properties
        • Rectangle Properties
      • Page Canvas
      • Choose from Assets
      • Right-Click Menu in Design
      • How to use navigate page in Blup
    • Logics ⚡
      • UI Nodes
        • Rectangle UI Node
        • Text UI Node
        • Group UI Node
        • List UI Node
        • Page ListView UI Node
      • Helper Nodes
        • Boolean Nodes
        • Date Time Nodes
        • Double Nodes
        • Duration Nodes
        • Integers Nodes
        • Json Nodes
        • List Nodes
        • Map Nodes
        • String Nodes
      • Variables Node Section
      • Function Node Section
      • Maths Node Section
      • Flow Control Section
      • Relational Operators Section
      • Logical Operators Section
      • System Node Section
      • SDK Library Section
      • Blup Sheet API Node Section
    • Backend 🔗
      • Sheets
      • SQL
    • Blup Code Editor
      • File Explorer
      • Editor Area
    • Publish to stores 🚀(Ship)
      • iOS Cloud Build 😮‍💨
        • Configure ⚙️
        • Run ▶️
      • Play Store
    • Build Your First App
      • TODO App
  • Blup Settings
  • Import from Figma
  • How to use WebView in Blup
  • How to use Google Maps in Blup
  • How to use the camera in blup?
  • How to add Splash screen in Blup?
  • How to know Debug prints in blup
  • How to use Google sign in in Blup
  • Creating sign up/ sign in in Blup
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
  1. Wiki

Blup Code Editor

Discover the features of the Blup Code Editor for coding, editing, and customizing your Blup applications.

PreviousSQLNextFile Explorer

Last updated 1 year ago

Was this helpful?

Let’s explore the Code Editor section in Blup, your Low Code IDE for Flutter app development. 🚀

Our versatile code editor is designed to empower developers with the flexibility to code in any language by supporting various file extensions.

Whether you’re crafting Flutter widgets or diving into backend logic, Blup’s intuitive and dynamic code editor ensures a seamless and efficient coding experience.

Explore the possibilities and streamline your development process with Blup’s adaptable code editing capabilities.

The Code Editor is divided into two parts. Let’s understand each one of them in detail:

  1. Located on the left side of the editor, the file explorer resembles what you’d find in tools like Android Studio or Visual Studio Code. It serves as a gateway to your project files.

  2. This is your coding space, functioning like a traditional editor with a custom-built color scheme for both light and dark modes, enhancing readability and appearance.

Feel free to continue working in this space, and if you have any further questions or need assistance, feel free to ask! 😊

Music to go with.

If you have any ideas to make Blup better you can share them through our

Discord community channel
File Explorer:
Editor Area:
Lofi music
Blup Code Editor
Page cover image