Custom CSS and JavaScript in Application Builder

enter image description here

Take your applications to the next level by adding custom CSS and JavaScript in the Baserow Application Builder. This feature gives you the freedom to go beyond Baserow’s built-in tools—tailor the look and feel of your app, add advanced interactivity, or connect to external services.

What you can do

With custom code, you can:

  • Style your application with custom CSS
  • Add interactive behavior using JavaScript
  • Embed external scripts and stylesheets (e.g. Google Analytics, payment widgets, chat plugins, etc.)

How to use it

  1. Open your application project in the Application Builder.
  2. Go to Application settings.
  3. Click on the Custom CSS/JS tab.
  4. Add your code to the appropriate section:
    • CSS for custom styling
    • JavaScript for functionality and interactivity
    • External resources to load third-party libraries or tools

⚠️ Custom code is only applied in the preview or published version of your application. It won’t be executed inside the editor.

Use cases

  • Add custom branding with fonts, colors, and layout tweaks

  • Integrate external services like analytics, support widgets, or payment tools

  • Build dynamic UI elements with JavaScript (e.g. sliders, tabs, modal windows)