PHPackages                             khoirulaksara/awrel - 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. khoirulaksara/awrel

ActiveLibrary[Admin Panels](/categories/admin)

khoirulaksara/awrel
===================

Premium dashboard theme plugin for Filament v5 with micro-interactions, skeleton loaders, glassmorphism, sticky table actions, and more.

v1.0.0(today)00MITCSSPHP ^8.2

Since Jun 27Pushed todayCompare

[ Source](https://github.com/khoirulaksara/awrel)[ Packagist](https://packagist.org/packages/khoirulaksara/awrel)[ RSS](/packages/khoirulaksara-awrel/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (5)Versions (2)Used By (0)

Awrel Theme
===========

[](#awrel-theme)

**Premium dashboard theme plugin for Filament v5** — high-end micro-interactions, skeleton loaders, glassmorphism, sticky table actions, and more. Breaks away from the mainstream Tailwind UI look with custom modern layouts and visual enhancements.

Features
--------

[](#features)

- **Skeleton Loaders** — Automatic table & stats overview skeleton placeholders using `deferLoading()`.
- **Sticky Table Actions** — Pin the actions column on horizontal table scroll (opt-in).
- **Loading Bar** — Livewire request progress bar at the top of the viewport.
- **Animated Favicon Spinner** — Replaces the favicon with an animated spinner during navigation (opt-in).
- **Disabled Button Shake** — Tactile shake animation when clicking disabled buttons.
- **Glassmorphism Topbar** — Modern frosted-glass effect on the top navigation bar.
- **Animated Notification Bell** — Custom CSS keyframe ring animation on hover/new notifications.
- **Full-width Layout** — Maximizes content area by removing max-width constraints.
- **Dynamic Color Picker** — Change the primary color from the settings page.
- **Custom Font & Border Radius** — Choose from multiple font families and border radius values.
- **Sidebar Width Control** — Adjust sidebar width from the settings page.
- **Collapsible Sidebar** — Desktop sidebar collapse/expand with smooth animation.
- **Dark/Light Mode** — Full dark mode support.

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

[](#requirements)

- PHP 8.2+
- Laravel 11.x, 12.x, or 13.x
- Filament 5.x
- Livewire 4.x
- Tailwind CSS v4

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

[](#installation)

### 1. Require the package via Composer

[](#1-require-the-package-via-composer)

```
composer require khoirulaksara/awrel
```

### 2. Register the Service Provider

[](#2-register-the-service-provider)

The package auto-discovers its service provider via Composer. If auto-discovery is disabled, add it to `bootstrap/providers.php`:

```