akira/filament-slim-scrollbar

This is my package filament-slim-scrollbar

v1.2.4 2025-12-23 16:03 UTC

Requires

• php: ^8.1 || ^8.2 || ^8.3 || ^8.4
• filament/filament: ^3.0 || ^4.0
• spatie/laravel-package-tools: ^1.15.0

Requires (Dev)

• laravel/pint: ^1.0
• nunomaduro/collision: ^7.9 || ^8.0
• nunomaduro/larastan: ^2.0.1 || ^3.0
• orchestra/testbench: ^8.0 || ^9.0 || ^10.0
• pestphp/pest: ^2.0 || ^3.0 || ^4.0
• pestphp/pest-plugin-arch: ^2.0 || ^3.0 || ^4.0
• pestphp/pest-plugin-laravel: ^2.0 || ^3.0 || ^4.0
• phpstan/extension-installer: ^1.1
• phpstan/phpstan-deprecation-rules: ^1.0 || ^2.0
• phpstan/phpstan-phpunit: ^1.0 || ^2.0

Suggests

• akira/setup: ^1.3 - Development setup utilities (Laravel 12+ only)

MIT

• kid

• laravel
• akira
• filament-slim-scrollbar

README

A lightweight Filament package that provides elegant, slim scrollbars for all Filament panels. Pure CSS implementation with automatic light/dark mode support and zero configuration required.

Features

• Slim Design: 4px width/height scrollbars
• Dark Mode: Automatic light/dark theme support
• Zero Config: Works out of the box
• Performance: Pure CSS, no JavaScript
• Filament Native: Integrates seamlessly with Filament's asset system
• Customizable: Easy to override with your own styles

Requirements

• PHP 8.1, 8.2, 8.3, 8.4, or 8.5
• Laravel 10.x, 11.x, or 12.x
• Filament 3.x or 4.x

Installation

Install the package via Composer:

composer require akira/filament-slim-scrollbar

That's it! The package automatically registers itself and applies slim scrollbars to all Filament panels.

Browser Support

Full support in webkit-based browsers:

• ✅ Chrome/Chromium
• ✅ Safari
• ✅ Edge (Chromium)
• ✅ Opera
• ✅ Brave
• ⚠️ Firefox (uses default scrollbars - webkit styling not supported)

Customization

The package works with zero configuration, but you can customize the scrollbar styles by overriding the CSS in your custom theme:

/* resources/css/filament/theme.css */

::-webkit-scrollbar {
    width: 8px;  /* Change width */
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: #3b82f6;  /* Custom color */
}

For more customization options, see the full documentation.

Documentation

Complete documentation is available at https://packages.akira-io.com/packages/filament-slim-scrollbar

• Installation Guide
• How It Works
• Customization
• Browser Support
• Troubleshooting
• Roadmap

Testing

composer test

Changelog

Please see CHANGELOG for more information on what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

Credits

• kid
• All Contributors

License

The MIT License (MIT). Please see License File for more information.