Global Search Modal plugin screenshot
Dark mode ready
Multilingual support
Supports v5.x

Global Search Modal

Advanced Global Search Experience

Tags: Panels
Supported versions:
4.x 3.x
charrafi mohamed avatar Author: charrafi mohamed

Documentation

The Global Search Modal is a powerful and customizable global search plugin for Filament inspired by the Algolia search modal, enhancing the default search functionality with features like keeping track of favorites, recent searches for each panel you have in your filament app, and highlighting.

Total Downloads Latest Version

#Screenshots

#active search example

#Light Mode

image

#Dark Mode

image

#empty query string

#Light Mode

image

#Dark Mode

image

#when filament's gray sets to slate for example :

image

#Full Docs

refer to it's official documentation website

documentations markdown: https://github.com/CharrafiMed/gsm-docs

#Requirement

Filament v4 or v5.

#Installation

Follow these steps to install the Global Search Modal Plugin in your Filament app:

    composer require charrafimed/global-search-modal

#Configuring

#plugin per panel

use CharrafiMed\GlobalSearchModal\GlobalSearchModalPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        ...
        ->plugins([
            GlobalSearchModalPlugin::make()
        ])
}

that's it, if you have global search enabled in your panel, so you have a fully featured experience

The author

charrafi mohamed avatar Author: charrafi mohamed

I'm a mathematician and full-stack developer with a passion for programming, specializing in the TALL stack, Inertia.js, and React.js/Vue.js.

Plugins
1
Stars
490