PHPackages                             afs19/filament-vertical-tabs - 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 & Helpers](/categories/utility)
4. /
5. afs19/filament-vertical-tabs

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

afs19/filament-vertical-tabs
============================

A Filament v3 package that adds vertical tabs functionality

v1.0.2(10mo ago)142.2k↓50%1MITBladePHP ^8.1

Since Apr 12Pushed 10mo ago1 watchersCompare

[ Source](https://github.com/AFS19/filament-vertical-tabs)[ Packagist](https://packagist.org/packages/afs19/filament-vertical-tabs)[ RSS](/packages/afs19-filament-vertical-tabs/feed)WikiDiscussions main Synced 1mo ago

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

Filament Vertical Tabs
======================

[](#filament-vertical-tabs)

A Filament v3 package that adds vertical tabs functionality with a mobile-responsive interface.

Features
--------

[](#features)

- Vertical tabs layout for Filament forms
- Responsive design with mobile navigation
- Previous/next buttons for easy tab navigation on mobile
- Smooth transitions between tabs
- RTL support
- Dark mode support

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

[](#requirements)

- PHP 8.1+
- Laravel 11.0+
- Filament v3.0+

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

[](#installation)

You can install the package via Composer:

```
composer require afs19/filament-vertical-tabs
```

Usage
-----

[](#usage)

### Basic Usage

[](#basic-usage)

```
use Filament\Forms\Components\Tabs;
use Filament\Forms\Components\Tabs\Tab;

Tabs::make('Settings')
    ->vertical() // This activates the vertical tabs layout
    ->tabs([
        Tab::make('General')
            ->icon('heroicon-o-cog')
            ->schema([
                // Your form components here
            ]),
        Tab::make('Notifications')
            ->icon('heroicon-o-bell')
            ->schema([
                // Your form components here
            ]),
        // Add more tabs as needed
    ]);
```

### Customization

[](#customization)

You can publish the views for customization:

```
php artisan vendor:publish --tag=filament-vertical-tabs-views
```

How It Works
------------

[](#how-it-works)

This package adds a `vertical()` macro to Filament's Tabs component. When called, it:

1. Sets the tabs to use a vertical layout
2. Overrides the default Tabs view with a custom one that displays tabs vertically
3. Adds mobile responsiveness with a sliding panel for navigation

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

[](#contributing)

Contributions are welcome! Please feel free to submit a Pull Request.

License
-------

[](#license)

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

###  Health Score

38

—

LowBetter than 85% of packages

Maintenance55

Moderate activity, may be stable

Popularity29

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity48

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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 ~50 days

Total

3

Last Release

302d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/1a3af39281e532987ef04331ba6be309ee5c93b9014fb767314eee3e2966afcf?d=identicon)[AFS19](/maintainers/AFS19)

---

Top Contributors

[![AFS19](https://avatars.githubusercontent.com/u/98160320?v=4)](https://github.com/AFS19 "AFS19 (3 commits)")

---

Tags

laravelfilamenttabsvertical

### Embed Badge

![Health badge](/badges/afs19-filament-vertical-tabs/health.svg)

```
[![Health](https://phpackages.com/badges/afs19-filament-vertical-tabs/health.svg)](https://phpackages.com/packages/afs19-filament-vertical-tabs)
```

###  Alternatives

[jibaymcs/filament-tour

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

12247.8k](/packages/jibaymcs-filament-tour)[aymanalhattami/filament-context-menu

context menu (right click menu) for filament

9838.0k](/packages/aymanalhattami-filament-context-menu)[tapp/filament-google-autocomplete-field

Filament plugin that provides a Google Autocomplete field

3098.1k](/packages/tapp-filament-google-autocomplete-field)[defstudio/filament-searchable-input

A searchable autocomplete input for Filament forms

3212.4k](/packages/defstudio-filament-searchable-input)[agencetwogether/hookshelper

Simple plugin to toggle display hooks available in current page.

2312.7k](/packages/agencetwogether-hookshelper)[marcogermani87/filament-cookie-consent

Easy cookie consent integrations for Filament

1917.0k](/packages/marcogermani87-filament-cookie-consent)

PHPackages © 2026

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