MARKETPLACE
PLUGINS
NEBULA - CUSTOM SCROLL BAR
Nebula - Custom Scroll Bar logo

Nebula - Custom Scroll Bar

Published February 2025
   •    Updated December 2025

Plugin details

EN: This plugin allows full customization of scrollbars, enabling smooth, modern, and adaptive designs. BR: O Nebula - Custom Scrollbar permite estilizar barras de rolagem com cores, bordas e efeitos personalizados.



Nebula - Custom Scroll Bar


ENGLISH

The Nebula - Custom Scroll Bar plugin allows you to fully customize the appearance of scrollbars in your Bubble application. With just a few clicks, you can style vertical or horizontal scrollbars to match your app's UI — improving aesthetics and user experience without relying on complex CSS.

Key Features:  
✅ Customize scrollbar width, color, and corner radius  
✅ Supports both vertical and horizontal scroll directions  
✅ Compatible with any scrollable element via ID  
✅ Easy to use via workflows or static configuration  
✅ 100% client-side with no external dependencies  
✅ Works across modern browsers and devices  

Perfect for dashboards, chat interfaces, modals, and any scrollable container where visual polish matters.


PORTUGUÊS

O plugin Nebula - Custom Scroll Bar permite personalizar totalmente a aparência das barras de rolagem no seu app Bubble. Com apenas alguns cliques, você pode estilizar barras verticais ou horizontais para combinar com o design da sua aplicação — elevando a experiência visual do usuário sem depender de CSS avançado.

Principais Recursos:  
✅ Personalize largura, cor e bordas da barra de rolagem  
✅ Suporte a rolagem vertical e horizontal  
✅ Compatível com qualquer elemento scrollável via ID  
✅ Fácil de usar por workflows ou configuração fixa  
✅ 100% client-side, sem dependências externas  
✅ Funciona nos navegadores e dispositivos modernos  

Perfeito para dashboards, interfaces de chat, modais e qualquer container com rolagem onde o visual faz a diferença. 


Try it out! | Experimente!  

Free

For everyone

5.0 stars   •   3 ratings
21 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

How to Use Nebula - Custom Scrollbar
---------------------------------------------------------
Como Usar o Nebula - Custom Scrollbar
---------------------------------------------------------

1️⃣ Install the plugin in your Bubble app.
1️⃣ Instale o plugin no seu aplicativo Bubble.

2️⃣ Customize the Scrollbar by configuring the following options:
2️⃣ Personalize a barra de rolagem configurando as seguintes opções:

Scrollbar Width (Largura da Barra de Rolagem)

Example: 8 (for an 8px scrollbar width).
Exemplo: 8 (para uma largura de 8px).

Hide (Esconder)

Options: "none" (to hide the scrollbar).
Opções: "none" (para esconder a scrollbar)

Track Color (Cor do Fundo do Trilho)

Example: "#f0f0f0" (light gray track).
Exemplo: "#f0f0f0" (trilho cinza claro).

Track Shadow Inside (Sombra Interna do Trilho)

Example: "rgba(0, 0, 0, 0.2)" (a subtle black shadow with 20% opacity).
Exemplo: "rgba(0, 0, 0, 0.2)" (uma sombra preta sutil com 20% de opacidade).

Track Border Radius (Arredondamento do Trilho)

Example: 10 (for a 10px rounded track).
Exemplo: 10 (para um trilho com bordas arredondadas de 10px).

Scrollbar Color (Cor da Barra de Rolagem)

Example: "#4A90E2" (a blue scrollbar).
Exemplo: "#4A90E2" (uma barra azul).

Scrollbar Border Radius (Arredondamento da Barra)

Example: 8 (for an 8px rounded scrollbar).
Exemplo: 8 (para um arredondamento de 8px).

Scrollbar Color on Hover (Cor da Barra ao Passar o Mouse)

Example: "#2D6FB5" (a darker blue on hover).
Exemplo: "#2D6FB5" (um azul mais escuro ao passar o mouse).

🔧 Additional Features | Recursos Adicionais

✔ Works seamlessly on all scrollable elements.
✔ Funciona perfeitamente em todos os elementos roláveis.

✔ Fully responsive, adapting to different screen sizes and devices.
✔ Totalmente responsivo, adaptando-se a diferentes tamanhos de tela e dispositivos.

✔ Provides a modern and smooth scrolling experience.
✔ Proporciona uma experiência de rolagem moderna e fluida.

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
Tutorial

Rating and reviews

Average rating (5.0)

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