PHPackages                             christhompsontldr/fluxui-devices - 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. [Security](/categories/security)
4. /
5. christhompsontldr/fluxui-devices

ActiveLibrary[Security](/categories/security)

christhompsontldr/fluxui-devices
================================

FluxUI front-end for managing devices and sessions using diego-ninja/laravel-devices

v1.0.0(2mo ago)01↓100%MITBladePHP ^8.2

Since Nov 26Pushed 1w agoCompare

[ Source](https://github.com/ChrisThompsonTLDR/fluxui-devices)[ Packagist](https://packagist.org/packages/christhompsontldr/fluxui-devices)[ RSS](/packages/christhompsontldr-fluxui-devices/feed)WikiDiscussions main Synced today

READMEChangelog (1)Dependencies (4)Versions (3)Used By (0)

FluxUI Devices
==============

[](#fluxui-devices)

A FluxUI front-end for managing devices and sessions using [diego-ninja/laravel-devices](https://github.com/diego-ninja/laravel-devices). Designed to cleanly slot into the [Laravel Livewire Starter Kit](https://github.com/laravel/livewire-starter-kit) with [Flux UI](https://fluxui.dev) components.

Inspired by Laravel Jetstream's browser session management, this package provides a beautiful and functional interface for users to manage their authenticated devices and active sessions.

Features
--------

[](#features)

- 📱 **Device Management** - View all devices that have been used to access the account
- 🔐 **Session Management** - View and manage all active browser sessions
- 🚪 **Remote Sign Out** - Sign out of specific devices or all other devices
- 🌍 **Location Display** - Shows session location information when available
- 🎨 **FluxUI Components** - Beautiful, consistent UI using Flux components
- ⚡ **Livewire Volt** - Modern reactive components with Volt
- 🆓 **Custom Icons** - Device type icons that work without Flux Pro license

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

[](#requirements)

- PHP 8.2+
- Laravel 11.0+ or 12.0+
- Livewire 3.0+
- Livewire Volt 1.0+
- [diego-ninja/laravel-devices](https://github.com/diego-ninja/laravel-devices) ^2.0
- [Flux UI](https://fluxui.dev) (Pro license recommended, but not required for basic functionality)

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

[](#installation)

1. Install and configure [diego-ninja/laravel-devices](https://github.com/diego-ninja/laravel-devices)
2. Install the package via Composer:

```
composer require christhompsontldr/fluxui-devices
```

3. Add the `HasDevices` trait to your User model:

```
use Ninja\DeviceTracker\Traits\HasDevices;

class User extends Authenticatable
{
    use HasDevices;
    // ...
}
```

**Note:** You can customize the device management route by modifying `config('devices.device_route')` in your published `config/devices.php` file.

4. Optionally publish the views for customization (includes custom icons):

```
php artisan vendor:publish --provider="ChrisThompsonTLDR\\FluxuiDevices\\FluxuiDevicesServiceProvider"
```

Usage
-----

[](#usage)

### Device Management Component

[](#device-management-component)

Add the device management component to your settings page:

```

```

This component displays:

- All devices that have accessed the user's account
- Device type (desktop, tablet, mobile) with appropriate icons
- Browser and platform information
- Last activity time
- Current device indicator
- Sign out button for each device (except current)
- "Sign Out Other Devices" button for bulk sign out

### Session Management Component

[](#session-management-component)

Add the session management component to your settings page:

```

```

This component displays:

- All active sessions for the user
- Device information for each session
- IP address and location
- Session status badges (active, blocked, locked, etc.)
- Current session indicator
- End session button for each session (except current)
- "End Other Sessions" button for bulk sign out

### Integration with Laravel Livewire Starter Kit

[](#integration-with-laravel-livewire-starter-kit)

To add these components to the settings page in the Laravel Livewire Starter Kit:

1. Publish the package views:

```
php artisan vendor:publish --provider="ChrisThompsonTLDR\\FluxuiDevices\\FluxuiDevicesServiceProvider"
```

2. Add a nav item in `resources/views/components/settings/layout.blade.php`:

```
{{ __('Devices') }}
```

The route is automatically registered by the package.

Customization
-------------

[](#customization)

### Publishing Views

[](#publishing-views)

To customize the component views:

```
php artisan vendor:publish --provider="ChrisThompsonTLDR\\FluxuiDevices\\FluxuiDevicesServiceProvider"
```

### Action Message Component

[](#action-message-component)

The components use an `action-message` component for success feedback. This component should be available if you're using the Laravel Livewire Starter Kit. If you don't have it, you can create a simple one:

```
{{-- resources/views/components/action-message.blade.php --}}
@props(['on'])

    {{ $slot }}

```

Or simply replace `Success!` with your own success notification component.

Security
--------

[](#security)

All destructive actions (signing out devices, ending sessions) require the user to confirm their password. This follows the same security pattern used in Livewire Starter Kit.

Credits
-------

[](#credits)

- [Chris Thompson](https://github.com/christhompsontldr)
- [diego-ninja/laravel-devices](https://github.com/diego-ninja/laravel-devices) - The underlying device tracking package
- [Laravel Jetstream](https://jetstream.laravel.com) - Inspiration for the browser sessions UI pattern
- [Flux UI](https://fluxui.dev) - The beautiful UI component library
- [Lucide](https://lucide.dev) - Icon library used for custom device type icons

License
-------

[](#license)

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

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance92

Actively maintained with recent releases

Popularity2

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

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

82d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/bdadda5dda1f5a9711517509d5e552a699cd17fdac70fcc0ce7d364697d9cf0f?d=identicon)[ChrisThompsonTLDR](/maintainers/ChrisThompsonTLDR)

---

Top Contributors

[![codeingboss](https://avatars.githubusercontent.com/u/37710297?v=4)](https://github.com/codeingboss "codeingboss (10 commits)")[![ChrisThompsonTLDR](https://avatars.githubusercontent.com/u/348801?v=4)](https://github.com/ChrisThompsonTLDR "ChrisThompsonTLDR (3 commits)")[![cursoragent](https://avatars.githubusercontent.com/u/199161495?v=4)](https://github.com/cursoragent "cursoragent (2 commits)")[![Copilot](https://avatars.githubusercontent.com/in/1143301?v=4)](https://github.com/Copilot "Copilot (1 commits)")

---

Tags

laravelsecuritylivewiresessionsDevicesfluxui

### Embed Badge

![Health badge](/badges/christhompsontldr-fluxui-devices/health.svg)

```
[![Health](https://phpackages.com/badges/christhompsontldr-fluxui-devices/health.svg)](https://phpackages.com/packages/christhompsontldr-fluxui-devices)
```

###  Alternatives

[mazedlx/laravel-feature-policy

Add Feature-Policy headers to the responses of a Laravel app

17174.6k](/packages/mazedlx-laravel-feature-policy)

PHPackages © 2026

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