PHPackages                             muazzam/slick-scrollbar - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Admin Panels](/categories/admin)
4. /
5. muazzam/slick-scrollbar

ActiveLibrary[Admin Panels](/categories/admin)

muazzam/slick-scrollbar
=======================

Slick Scrollbar plugin for Filament panels (Filament v4).

v1.0.0(8mo ago)134.5k↓22.1%3[2 issues](https://github.com/Muazzamkhan95/slick-scrollbar/issues)MITPHPPHP ^8.2

Since Sep 6Pushed 8mo agoCompare

[ Source](https://github.com/Muazzamkhan95/slick-scrollbar)[ Packagist](https://packagist.org/packages/muazzam/slick-scrollbar)[ RSS](/packages/muazzam-slick-scrollbar/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (1)Versions (3)Used By (0)

Slick Scrollbar
===============

[](#slick-scrollbar)

---

📖 About
-------

[](#-about)

**Slick Scrollbar** is a lightweight plugin that gives your Filament v4 panels clean, theme-aware scrollbars.
It automatically inherits your panel’s colors (secondary → primary) and works seamlessly in both light and dark mode.

---

✨ Features
----------

[](#-features)

- 🎨 **Automatic theme colors** — Uses panel secondary (500/600), or falls back to primary (500/600).
- 🎛️ **Customizable** — Override size, color, and hover color with CSS variables, hex, RGB, OKLCH, or Filament Color palettes.
- 🖥️ **Cross-browser support** — Works on Firefox, Chrome, Edge, and Safari.
- 🌗 **Dark mode ready** — Adapts to your Filament theme out of the box.

---

📦 Installation
--------------

[](#-installation)

Install via Composer:

```
composer require muazzam/slick-scrollbar
```

Filament will auto-discover the service provider.

---

⚙️ Usage
--------

[](#️-usage)

Enable the plugin in your panel provider:

```
use Muazzam\SlickScrollbar\SlickScrollbarPlugin;

public function panel(\Filament\Panel $panel): \Filament\Panel
{
    return $panel->plugins([
        SlickScrollbarPlugin::make(),
    ]);
}
```

That’s it 🎉 — scrollbars will automatically use your panel’s theme colors.

---

🎨 Configuration &amp; Customization
-----------------------------------

[](#-configuration--customization)

### Default behavior

[](#default-behavior)

If your panel defines custom colors:

```
->colors([
    'primary' => \Filament\Support\Colors\Color::Amber,
    'secondary' => \Filament\Support\Colors\Color::Cyan,
])
```

The plugin will use:

- **Secondary:** 500 for normal, 600 for hover
- If no secondary is defined → **Primary:** 500 for normal, 600 for hover
- If neither are set, the plugin falls back to safe defaults (amber / cyan).

### Override settings

[](#override-settings)

```
use Filament\Support\Colors\Color;

SlickScrollbarPlugin::make()
    ->size('6px')                   // scrollbar width/height (default: 8px)
    ->palette('primary')            // force panel palette ('primary' or 'secondary')
    ->color(Color::Amber)           // use a Filament palette (500 normal, 600 auto for hover)
    ->hoverColor(Color::Amber, 700) // pick a custom shade
    ->color('#ef4444')              // hex
    ->hoverColor('rgb(220 38 38)')  // rgb()
    ->color('var(--primary-500)');  // reference CSS vars directly
```

---

📸 Screenshots
-------------

[](#-screenshots)

[![alt text](scroll-screenshot.png)](scroll-screenshot.png)

---

📋 Requirements
--------------

[](#-requirements)

- PHP ^8.2
- Laravel ^10 | ^11 | ^12
- Filament ^4.0

---

🚀 Versioning
------------

[](#-versioning)

- **v1.x** → Compatible with Filament v4
- Future Filament majors will get their own major version of this package (e.g. v2.x).

---

🔧 Development
-------------

[](#-development)

Clone and install:

```
git clone git@github.com:muazzam/slick-scrollbar.git
cd slick-scrollbar
composer install
```

In your app’s `composer.json`:

```
"repositories": [
  {
    "type": "path",
    "url": "../slick-scrollbar",
    "options": { "symlink": true }
  }
]
```

Require it locally:

```
composer require muazzam/slick-scrollbar:*@dev
```

---

📝 License
---------

[](#-license)

This package is open-sourced software licensed under the MIT license.

---

❤️ Credits
----------

[](#️-credits)

- **Muazzam Khan** – Author
- **Filament** – Admin

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance57

Moderate activity, may be stable

Popularity32

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

255d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/9efe4d77f8d8d835b700ee66ac8ce05f106e33f5027def2a7cbb87912587f9d1?d=identicon)[Muazzamkhan95](/maintainers/Muazzamkhan95)

---

Top Contributors

[![Muazzamkhan95](https://avatars.githubusercontent.com/u/17087133?v=4)](https://github.com/Muazzamkhan95 "Muazzamkhan95 (8 commits)")

### Embed Badge

![Health badge](/badges/muazzam-slick-scrollbar/health.svg)

```
[![Health](https://phpackages.com/badges/muazzam-slick-scrollbar/health.svg)](https://phpackages.com/packages/muazzam-slick-scrollbar)
```

###  Alternatives

[filament/spatie-laravel-settings-plugin

Filament support for `spatie/laravel-settings`.

1092.4M73](/packages/filament-spatie-laravel-settings-plugin)[awcodes/filament-quick-create

Plugin for Filament Admin that adds a dropdown menu to the header to quickly create new items.

246177.6k7](/packages/awcodes-filament-quick-create)[guava/filament-knowledge-base

A filament plugin that adds a knowledge base and help to your filament panel(s).

206120.5k1](/packages/guava-filament-knowledge-base)[ralphjsmit/laravel-filament-seo

A package to combine the power of Laravel SEO and Filament Admin.

15398.7k10](/packages/ralphjsmit-laravel-filament-seo)[geo-sot/filament-env-editor

Access .env file though Filament admin panel

2432.3k1](/packages/geo-sot-filament-env-editor)[inerba/filament-db-config

A Filament plugin for database-backed application settings and editable content, with caching and easy page generation.

329.1k](/packages/inerba-filament-db-config)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
