MARKETPLACE
PLUGINS
CUSTOM SCROLL BAR BY NEBULA
Custom Scroll Bar by Nebula logo

Custom Scroll Bar by Nebula

Published February 2025
   •    Updated this month

Plugin details

Customize scrollbar appearance across your entire Bubble application with colors, sizes, shadows, and border radius. Global CSS styling applied automatically through plugin settings.


Custom Scroll Bar


 

 

 


Description

Overview

Global scrollbar styling for your entire Bubble app. Configure width, colors, border radius, hover states, track styling, shadows through plugin settings. No elements or workflows needed—pure CSS applied automatically.

Key Features
  • Global application across entire app
  • Scrollbar width control (1-30px)
  • Default and hover color customization
  • Border radius for thumb and track
  • Track background color and shadow
  • Hide scrollbars option
  • Instant preview in editor



If this plugin saves you time or makes your work easier, consider supporting its development Every coffee helps me keep improving and maintaining this project

Free

For everyone

5.0 stars   •   3 ratings
22 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Nebula logo
Nebula
Joined 2023   •   24 Plugins
View contributor profile

Instructions

Instructions
Quick Start
  1. Go to Plugins tab in Bubble editor
  2. Find Nebula - Custom Scroll Bar plugin settings
  3. Configure scrollbar appearance (colors, width, radius)
  4. Changes apply globally across entire app automatically
  5. No elements or workflows needed

Plugin Settings
  • Scrollbar Width: Thickness in pixels (1-30px)
  • Scrollbar Color: Default background color of thumb
  • Scrollbar Border Radius: Rounded corners in pixels
  • Scrollbar Color On Hover: Hover state color
  • Track Color: Background behind thumb
  • Track Border Radius: Track corner rounding
  • Track Shadow Inside: Inset shadow color for depth
  • Hide Scrollbar: Hide while maintaining scroll functionality

Recommended Values
  • Width: 10px (slim), 16px (standard), 20px (prominent)
  • Border Radius: Match scrollbar width for consistent look
  • Colors: Match app theme (light theme: #e5e7eb, dark theme: #374151)


Need Help?
Find documentation, guides, and other useful plugins to help you get the most out of this tool


 

 

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   •   Technical   •   Productivity   •   Mobile   •   Ecommerce

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

The best
May 7th, 2025
Amazing
May 7th, 2025
Thank you!
March 22nd, 2025
Bubble