PHPackages                             eightynine/filament-advanced-widgets - 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. [Utility &amp; Helpers](/categories/utility)
4. /
5. eightynine/filament-advanced-widgets

ActiveLibrary[Utility &amp; Helpers](/categories/utility)

eightynine/filament-advanced-widgets
====================================

Advanced widgets for your filament php application

4.0.0(8mo ago)8971.7k↓18.9%14[2 PRs](https://github.com/eighty9nine/filament-advanced-widgets/pulls)MITPHPPHP ^8.2

Since Jul 28Pushed 7mo ago3 watchersCompare

[ Source](https://github.com/eighty9nine/filament-advanced-widgets)[ Packagist](https://packagist.org/packages/eightynine/filament-advanced-widgets)[ Docs](https://github.com/eightynine/filament-advanced-widgets)[ GitHub Sponsors](https://github.com/eighty9nine)[ RSS](/packages/eightynine-filament-advanced-widgets/feed)WikiDiscussions 4.x Synced 1mo ago

READMEChangelog (3)Dependencies (7)Versions (6)Used By (0)

Advanced widgets for your filament php application
==================================================

[](#advanced-widgets-for-your-filament-php-application)

[![Latest Version on Packagist](https://camo.githubusercontent.com/bc490cf912d7e6fb352e186e00d3219d461e744d264dafb43d076a6b31fc2505/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6569676874796e696e652f66696c616d656e742d616476616e6365642d776964676574732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/eightynine/filament-advanced-widgets)[![Total Downloads](https://camo.githubusercontent.com/be66c6486b0d551e4a483cdd0a3e6b5eaa2799e145f2055e6ca3eef0ff713d06/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6569676874796e696e652f66696c616d656e742d616476616e6365642d776964676574732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/eightynine/filament-advanced-widgets)

🛠️ Be Part of the Journey
-------------------------

[](#️-be-part-of-the-journey)

Hi, I'm Eighty Nine. I created page alerts plugin to solve real problems I faced as a developer. Your sponsorship will allow me to dedicate more time to enhancing these tools and helping more people. [Become a sponsor](https://github.com/sponsors/eighty9nine) and join me in making a positive impact on the developer community.

Introduction
------------

[](#introduction)

This package provides a set of advanced widgets for your Filament application. These widgets are designed to be highly customizable and offer a range of features to enhance your application's user experience. Whether you're looking for a simple chart widget or a complex table widget, you can find the perfect solution here.

[![Package screenshot dark](https://raw.githubusercontent.com/eighty9nine/filament-advanced-widgets/3.x/resources/img/screenshot-dark.png)](https://raw.githubusercontent.com/eighty9nine/filament-advanced-widgets/3.x/resources/img/screenshot-dark.png)[![Package screenshot](https://raw.githubusercontent.com/eighty9nine/filament-advanced-widgets/3.x/resources/img/advanced-widget-screenshot.png)](https://raw.githubusercontent.com/eighty9nine/filament-advanced-widgets/3.x/resources/img/advanced-widget-screenshot.png)

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require eightynine/filament-advanced-widgets
```

Usage
-----

[](#usage)

### Advanced Stats Overview Widget

[](#advanced-stats-overview-widget)

The package comes with a "advanced stats overview". It's exactly like the [stats overview widget](https://filamentphp.com/docs/3.x/widgets/stats-overview), but with a few extra features.

Start by creating a widget with the command:

```
php artisan make:filament-advanced-widget AdvancedStatsOverviewWidget --advanced-stats-overview
```

This command will create a new StatsOverview.php file. Open it, and return Stat instances from the getStats() method. Below is a sample widget:

```
use EightyNine\FilamentAdvancedWidget\AdvancedStatsOverviewWidget as BaseWidget;
use EightyNine\FilamentAdvancedWidget\AdvancedStatsOverviewWidget\Stat;

class GeneralStatsOverviewWidget extends BaseWidget
{
    protected static ?string $pollingInterval = null;

    protected function getStats(): array
    {
        return [
            Stat::make('Total Users', "124k")->icon('heroicon-o-user')
                ->backgroundColor('info')
                ->progress(69)
                ->progressBarColor('success')
                ->iconBackgroundColor('success')
                ->chartColor('success')
                ->iconPosition('start')
                ->description('The users in this period')
                ->descriptionIcon('heroicon-o-chevron-up', 'before')
                ->descriptionColor('success')
                ->iconColor('success'),
            Stat::make('Total Posts', "1.2k")->icon('heroicon-o-newspaper')
                ->description('The posts in this period')
                ->descriptionIcon('heroicon-o-chevron-up', 'before')
                ->descriptionColor('primary')
                ->iconColor('warning'),
            Stat::make('Total Comments', "23.4k")->icon('heroicon-o-chat-bubble-left-ellipsis')
                ->description("The comments in this period")
                ->descriptionIcon('heroicon-o-chevron-down', 'before')
                ->descriptionColor('danger')
                ->iconColor('danger')
        ];
    }
}
```

**Customization**

The stats overview widget is highly customizable. You can customize the color, icon, and description of each stat. You can also customize the background color of the progress bar and the icon position. The package comes with a set of predefined colors and icons that you can use. You can also create your own colors and icons.

```
use EightyNine\FilamentAdvancedWidget\AdvancedStatsOverviewWidget\Stat;

Stat::make('Total Users', "124k")
    ->icon('heroicon-o-user')                             // The icon to display on stat
    ->backgroundColor('info')                             // The background color of the stat
    ->progress(69)                                        // Shows progress bar below the stat(0-100)
    ->progressBarColor('success')                         // The color of the progress bar
    ->iconBackgroundColor('success')                      // The background color of the icon
    ->labelColor('success')                               // The color of the label
    ->textColor('success', 'success', 'info')             // The color of the text(label, value, description)
    ->valueColor('success')                               // The color of the value
    ->chartColor('success')                               // The color of the chart
    ->iconPosition('start')                               // The position of the icon (start, end)
    ->description('The users in this period')             // The description of the stat
    ->descriptionIcon('heroicon-o-chevron-up', 'before')  // The icon to display next with the description (before, after)
    ->descriptionColor('success')                         // The color of the description
    ->iconColor('success')                                // The color of the icon
    ->chart([12,34,22,11])                                // The data for the chart on the stat
    ...                                                   // YOu can use the default filament customizations
```

### Advanced Chart Widget

[](#advanced-chart-widget)

The package comes with a "advanced chart". It's exactly like the [chart widget](https://filamentphp.com/docs/3.x/widgets/chart), but with a few extra features.

Start by creating a widget with the command:

```
php artisan make:filament-advanced-widget AdvancedChartWidget --advanced-chart
```

This command will create a new AdvancedChartWidget.php file. Below is a sample widget:

```
use EightyNine\FilamentAdvancedWidget\AdvancedChartWidget;

class MonthlyUsersChart extends AdvancedChartWidget
{

    protected static ?string $heading = '187.2k';
    protected static string $color = 'info';
    protected static ?string $icon = 'heroicon-o-chart-bar';
    protected static ?string $iconColor = 'info';
    protected static ?string $iconBackgroundColor = 'info';
    protected static ?string $label = 'Monthly users chart';

    protected static ?string $badge = 'new';
    protected static ?string $badgeColor = 'success';
    protected static ?string $badgeIcon = 'heroicon-o-check-circle';
    protected static ?string $badgeIconPosition = 'after';
    protected static ?string $badgeSize = 'xs';

    public ?string $filter = 'today';

    protected function getFilters(): ?array
    {
        return [
            'today' => 'Today',
            'week' => 'Last week',
            'month' => 'Last month',
            'year' => 'This year',
        ];
    }

    protected function getData(): array
    {
        return [
            'datasets' => [
                [
                    'label' => 'Blog posts created',
                    'data' => [0, 10, 5, 2, 21, 32, 45, 74, 65, 45, 77, 89],
                ],
            ],
            'labels' => ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
        ];
    }

    protected function getType(): string
    {
        return 'line';
    }
}
```

**Customization**

The chart widget is highly customizable. The following customizations are available:

```
protected static ?string $heading = '187.2k';                       // The heading of the chart
protected static string $color = 'info';                            // The color of the chart
protected static ?string $icon = 'heroicon-o-chart-bar';            // The icon to display on the chart
protected static ?string $iconColor = 'info';                       // The color of the icon
protected static ?string $iconBackgroundColor = 'info';             // The background color of the icon
protected static ?string $label = 'Monthly users chart';            // The label of the chart
protected static ?string $badge = 'new';                            // The badge to display on the chart
protected static ?string $badgeColor = 'success';                   // The color of the badge
protected static ?string $badgeIcon = 'heroicon-o-check-circle';    // The icon to display on the badge
protected static ?string $badgeIconPosition = 'after';              // The position of the icon on the badge (before, after)
protected static ?string $badgeSize = 'xs';                         // The size of the badge
```

### Advanced Table Widget

[](#advanced-table-widget)

Currently, the table widget is not fully customizable. This is a work in progress.

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

Contributing
------------

[](#contributing)

Please see [CONTRIBUTING](.github/CONTRIBUTING.md) for details.

Security Vulnerabilities
------------------------

[](#security-vulnerabilities)

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

Credits
-------

[](#credits)

- [Eighty Nine](https://github.com/eighty9nine)
- [All Contributors](../../contributors)

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

49

—

FairBetter than 95% of packages

Maintenance61

Regular maintenance activity

Popularity47

Moderate usage in the ecosystem

Community18

Small or concentrated contributor base

Maturity56

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 80.8% 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

Every ~80 days

Recently: every ~100 days

Total

6

Last Release

261d ago

Major Versions

1.0.0 → 3.0.02024-07-28

3.x-dev → 4.0.02025-08-31

PHP version history (2 changes)1.0.0PHP ^8.1

4.0.0PHP ^8.2

### Community

Maintainers

![](https://www.gravatar.com/avatar/97078bfe6be687082f9d2e8cf2ba73dfaff4efb25cd4c7572c1ebd9c7e9fcbae?d=identicon)[eighty9nine](/maintainers/eighty9nine)

---

Top Contributors

[![eighty9nine](https://avatars.githubusercontent.com/u/137639046?v=4)](https://github.com/eighty9nine "eighty9nine (21 commits)")[![alphaolomi](https://avatars.githubusercontent.com/u/10551599?v=4)](https://github.com/alphaolomi "alphaolomi (2 commits)")[![Cybrarist](https://avatars.githubusercontent.com/u/38886749?v=4)](https://github.com/Cybrarist "Cybrarist (1 commits)")[![dododedodonl](https://avatars.githubusercontent.com/u/100052?v=4)](https://github.com/dododedodonl "dododedodonl (1 commits)")[![MaulanaR](https://avatars.githubusercontent.com/u/16471471?v=4)](https://github.com/MaulanaR "MaulanaR (1 commits)")

---

Tags

laraveleightyninefilament-advanced-widgets

###  Code Quality

TestsPest

### Embed Badge

![Health badge](/badges/eightynine-filament-advanced-widgets/health.svg)

```
[![Health](https://phpackages.com/badges/eightynine-filament-advanced-widgets/health.svg)](https://phpackages.com/packages/eightynine-filament-advanced-widgets)
```

###  Alternatives

[guava/calendar

Adds support for vkurko/calendar to Filament PHP.

298241.0k3](/packages/guava-calendar)[bezhansalleh/filament-google-analytics

Google Analytics integration for FilamentPHP

205144.8k5](/packages/bezhansalleh-filament-google-analytics)[jibaymcs/filament-tour

Bring the power of DriverJs to your Filament panels and start a tour !

12247.8k](/packages/jibaymcs-filament-tour)[marcelweidum/filament-expiration-notice

Customize the livewire expiration notice

9169.0k4](/packages/marcelweidum-filament-expiration-notice)[hydrat/filament-table-layout-toggle

Filament plugin adding a toggle button to tables, allowing user to switch between Grid and Table layouts.

6292.3k1](/packages/hydrat-filament-table-layout-toggle)[eightynine/filament-reports

Elegant reports in your filament application

9933.8k](/packages/eightynine-filament-reports)

PHPackages © 2026

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