PHPackages                             accelade/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. [Admin Panels](/categories/admin)
4. /
5. accelade/widgets

ActiveLibrary[Admin Panels](/categories/admin)

accelade/widgets
================

Dashboard widgets for Laravel applications using Accelade components

v1.0.0(5mo ago)026[4 issues](https://github.com/accelade/widgets/issues)[4 PRs](https://github.com/accelade/widgets/pulls)MITPHPPHP ^8.2CI passing

Since Jan 19Pushed 2mo agoCompare

[ Source](https://github.com/accelade/widgets)[ Packagist](https://packagist.org/packages/accelade/widgets)[ Docs](https://github.com/accelade/widgets)[ GitHub Sponsors](https://github.com/fadymondy)[ RSS](/packages/accelade-widgets/feed)WikiDiscussions master Synced today

READMEChangelog (1)Dependencies (7)Versions (7)Used By (0)

Accelade Widgets
================

[](#accelade-widgets)

**Dashboard Widgets for Laravel. Zero Complexity.**

[![Tests](https://github.com/accelade/widgets/actions/workflows/tests.yml/badge.svg)](https://github.com/accelade/widgets/actions/workflows/tests.yml)[![Latest Version](https://camo.githubusercontent.com/5ca662c0b1f0870b18e1d85ff4fb0b857789303bcb9e7384bd0ebf44db50c516/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f616363656c6164652f77696467657473)](https://packagist.org/packages/accelade/widgets)[![Total Downloads](https://camo.githubusercontent.com/5fe879963d1b7ac9277fd9964be21e0b7212a3e2b8618f49ab9ee980c89dac98/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f616363656c6164652f77696467657473)](https://packagist.org/packages/accelade/widgets)[![License](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](LICENSE)

---

Build beautiful, interactive dashboards with minimal code. Accelade Widgets provides a powerful set of dashboard components including stats, charts, tables, and calendars.

```
use Accelade\Widgets\Components\StatsWidget;
use Accelade\Widgets\Components\Stat;

$widget = StatsWidget::make()
    ->columns(4)
    ->stats([
        Stat::make('Total Users', '12,345')
            ->description('3.5% increase')
            ->icon('heroicon-o-users')
            ->color('primary'),
    ]);
```

**That's it.** Render with ``.

---

Why Accelade Widgets?
---------------------

[](#why-accelade-widgets)

- **Filament-Compatible API** - Familiar syntax if you use Filament
- **Stats Widget** - Display key metrics with icons, descriptions, and trends
- **Chart Widget** - Line, bar, pie, doughnut, and area charts via Chart.js
- **Table Widget** - Display tabular data with sorting and formatting
- **Calendar Widget** - Display events in a calendar view
- **Grid Layout** - Responsive widget arrangement
- **Dark Mode** - Built-in dark mode support
- **Polling** - Auto-refresh widgets at configurable intervals
- **Lazy Loading** - Load widgets on demand with placeholders
- **Lightweight** - Minimal dependencies, maximum performance

---

Quick Start
-----------

[](#quick-start)

```
composer require accelade/widgets
```

The service provider will be automatically registered.

### Publish Configuration

[](#publish-configuration)

```
php artisan vendor:publish --tag=widgets-config
```

---

Features at a Glance
--------------------

[](#features-at-a-glance)

### Stats Widget

[](#stats-widget)

```
use Accelade\Widgets\Components\StatsWidget;
use Accelade\Widgets\Components\Stat;

$widget = StatsWidget::make()
    ->columns(4)
    ->stats([
        Stat::make('Total Users', '12,345')
            ->description('3.5% increase')
            ->descriptionIcon('heroicon-m-arrow-trending-up', 'success')
            ->icon('heroicon-o-users')
            ->color('primary'),

        Stat::make('Revenue', '$45,678')
            ->description('12% increase')
            ->icon('heroicon-o-currency-dollar')
            ->color('success'),

        Stat::make('Orders', '1,234')
            ->description('New this month')
            ->icon('heroicon-o-shopping-cart')
            ->color('warning'),

        Stat::make('Conversion', '3.2%')
            ->description('From last month')
            ->icon('heroicon-o-chart-bar')
            ->color('info'),
    ]);
```

```

```

### Chart Widget

[](#chart-widget)

```
use Accelade\Widgets\Components\ChartWidget;

$chart = ChartWidget::make()
    ->heading('Revenue Overview')
    ->description('Monthly revenue for the past 12 months')
    ->line()
    ->height(350)
    ->data([
        'labels' => ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
        'datasets' => [
            [
                'label' => 'Revenue',
                'data' => [12000, 19000, 15000, 25000, 22000, 30000],
                'borderColor' => '#3b82f6',
                'backgroundColor' => 'rgba(59, 130, 246, 0.1)',
                'tension' => 0.4,
                'fill' => true,
            ],
        ],
    ]);
```

Supported chart types: `line()`, `bar()`, `pie()`, `doughnut()`, `area()`, `radar()`, `polarArea()`.

### Table Widget

[](#table-widget)

```
use Accelade\Widgets\Components\TableWidget;
use Accelade\Widgets\Components\Column;

$table = TableWidget::make()
    ->heading('Recent Orders')
    ->columns([
        Column::make('id')->label('#')->width('60px'),
        Column::make('customer')->label('Customer')->sortable(),
        Column::make('amount')
            ->label('Amount')
            ->alignRight()
            ->formatStateUsing(fn ($value) => '$' . number_format($value, 2)),
        Column::make('status')
            ->label('Status')
            ->badge()
            ->color(fn ($value) => match ($value) {
                'completed' => 'success',
                'pending' => 'warning',
                'cancelled' => 'danger',
                default => 'gray',
            }),
    ])
    ->records($orders)
    ->striped()
    ->hoverable();
```

### Calendar Widget

[](#calendar-widget)

```
use Accelade\Widgets\Components\CalendarWidget;

$calendar = CalendarWidget::make()
    ->heading('Upcoming Events')
    ->events([
        ['title' => 'Team Meeting', 'start' => '2024-01-15', 'color' => '#3b82f6'],
        ['title' => 'Product Launch', 'start' => '2024-01-20', 'end' => '2024-01-22'],
    ]);
```

### Grid Layout

[](#grid-layout)

```

```

### Polling (Auto-Refresh)

[](#polling-auto-refresh)

```
$widget = StatsWidget::make()
    ->pollingInterval('30s')  // Refresh every 30 seconds
    ->stats([...]);
```

### Lazy Loading

[](#lazy-loading)

```
$widget = ChartWidget::make()
    ->lazy(true, 'Loading chart...')
    ->data([...]);
```

---

Requirements
------------

[](#requirements)

- PHP 8.2+
- Laravel 11.x or 12.x

---

Documentation
-------------

[](#documentation)

GuideDescription[Getting Started](docs/getting-started.md)Installation and basic usage[Stats Widget](docs/stats-widget.md)Display key metrics and statistics[Chart Widget](docs/chart-widget.md)Charts with Chart.js integration[Table Widget](docs/table-widget.md)Tabular data display[Calendar Widget](docs/calendar-widget.md)Calendar view for events---

Accelade Ecosystem
------------------

[](#accelade-ecosystem)

Accelade Widgets is part of the Accelade ecosystem:

PackageDescription**[accelade/accelade](https://github.com/accelade/accelade)**Core reactive Blade components**[accelade/schemas](https://github.com/accelade/schemas)**Schema-based layouts**[accelade/forms](https://github.com/accelade/forms)**Form builder with validation**[accelade/infolists](https://github.com/accelade/infolists)**Display read-only data**[accelade/tables](https://github.com/accelade/tables)**Data tables with filtering**[accelade/actions](https://github.com/accelade/actions)**Action buttons with modals**[accelade/widgets](https://github.com/accelade/widgets)**Dashboard widgets (this package)---

License
-------

[](#license)

MIT License. See [LICENSE](LICENSE) for details.

###  Health Score

39

—

LowBetter than 84% of packages

Maintenance81

Actively maintained with recent releases

Popularity6

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

 Bus Factor1

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

165d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/2147eb2fca7ab5f0124d0fafd88ba2d2a5dfa3a0036fb8872d1084b7cba29366?d=identicon)[fadymondy](/maintainers/fadymondy)

---

Top Contributors

[![fadymondy](https://avatars.githubusercontent.com/u/11937812?v=4)](https://github.com/fadymondy "fadymondy (7 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (5 commits)")

---

Tags

laraveldashboardwidgetsstatschartsaccelade

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/accelade-widgets/health.svg)

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

###  Alternatives

[psalm/plugin-laravel

Psalm plugin for Laravel

3355.3M345](/packages/psalm-plugin-laravel)[moonshine/moonshine

Laravel administration panel

1.3k253.1k81](/packages/moonshine-moonshine)[tallstackui/tallstackui

TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.

725173.0k14](/packages/tallstackui-tallstackui)[hasinhayder/tyro-dashboard

Tyro Dashboard - Beautiful admin dashboard for managing Tyro roles, privileges, users, and settings

5443.8k](/packages/hasinhayder-tyro-dashboard)[eliseekn/laravel-metrics

Generate easily metrics and trends data of your models for your dashboards.

1347.7k](/packages/eliseekn-laravel-metrics)[takielias/tablar-kit

The Elegance of Tablar Dashboard

423.6k](/packages/takielias-tablar-kit)

PHPackages © 2026

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