PHPackages                             internachi/blade-alpine-instantsearch - 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. [Search & Filtering](/categories/search)
4. /
5. internachi/blade-alpine-instantsearch

ActiveLibrary[Search & Filtering](/categories/search)

internachi/blade-alpine-instantsearch
=====================================

Algolia instant search as Blade/Alpine.js components

0.7.0(1mo ago)1940.9k↓19.3%3MITPHPPHP >=7.4CI passing

Since Jan 21Pushed 1mo ago1 watchersCompare

[ Source](https://github.com/InterNACHI/blade-alpine-instantsearch)[ Packagist](https://packagist.org/packages/internachi/blade-alpine-instantsearch)[ RSS](/packages/internachi-blade-alpine-instantsearch/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (10)Versions (13)Used By (0)

Blade/Alpine InstantSearch
==========================

[](#bladealpine-instantsearch)

 [ ![Latest Stable Release](https://camo.githubusercontent.com/ca4393747d4f00af06a9a95fcccbc59191b0ce5ad9efd9a867115acf98871e0e/68747470733a2f2f706f7365722e707567782e6f72672f696e7465726e616368692f626c6164652d616c70696e652d696e7374616e747365617263682f762f737461626c65) ](https://packagist.org/packages/internachi/blade-alpine-instantsearch) [ ![MIT Licensed](https://camo.githubusercontent.com/0181b29db7e4847c022dd5530ae517772eee9728b0fb2ab01ab77b0133292534/68747470733a2f2f706f7365722e707567782e6f72672f696e7465726e616368692f626c6164652d616c70696e652d696e7374616e747365617263682f6c6963656e7365) ](./LICENSE) [ ![Follow @cmorrell.com on bsky](https://camo.githubusercontent.com/8790699596340eff27762850c822f5e8e08a379e860085e46bf69359e4d2bc18/68747470733a2f2f696d672e736869656c64732e696f2f626c7565736b792f666f6c6c6f776572732f636d6f7272656c6c2e636f6d) ](https://bsky.app/profile/cmorrell.com)

This is a work-in-progress package to allow you to implement [Algolia InstantSearch](https://www.algolia.com/doc/api-reference/widgets/instantsearch/js/)entirely with [Laravel Blade components](https://laravel.com/docs/8.x/blade).

Usage
-----

[](#usage)

### Components

[](#components)

Not all components are implemented, and most of the UI is likely to change before a 1.0 release. The current implementation is a proof-of-concept that we'll be refining in some internal tools over the coming months. All components should work in [renderless mode](#renderless-mode), but UI has only been implemented for the following:

- `` — the wrapper that provides configuration and context
- `` — the search input
- `` — rendering search results/hits
- `` — rendering a specific attribute in a hit
- `` — rendering a specific attribute highlighted based on input
- `` — Filtering by numeric values (like price/votes/etc)
- `` — Filtering by tags/categories/etc
- `` — Paginating results

All components map as closely to [InstantSearch.js](https://www.algolia.com/doc/api-reference/widgets/js/)as possible (in fact, much of the API was autogenerated from the JS documentation). For now, it's probably best to refer to the JS docs for configuration reference.

### Alpine

[](#alpine)

Under the hood, all components use [Alpine.js v3](https://github.com/alpinejs/alpine) to handle state and rendering. For example, the search box component uses Alpine's [`x-model`](https://github.com/alpinejs/alpine#x-model) to track the `query` value, and [`x-on:input`](https://github.com/alpinejs/alpine#x-on) to pass that value to the instantsearch `refine()` method. The looks something like:

```

```

Under the hood, this package injects itself into the Blade component's [attributes](https://laravel.com/docs/8.x/blade#component-attributes) to connect to the instantsearch instance—everything else is just Alpine and Blade.

### Using Existing Templates

[](#using-existing-templates)

All components come pre-bundled with templates that will work with any project that uses [Tailwind CSS](https://tailwindcss.com). If you want to tweak a specific template you can publish your own version with:

```
php artisan vendor:publish --tag=instantsearch
```

### Renderless Mode

[](#renderless-mode)

If you prefer more fine-grained control over each component, you can enable `renderless`mode which simply wires up your component state but leaves the UI entirely in your hands.

You can either do this on a component-by-component basis by using a `renderless` attribute on the component:

```

```

Or you can publish the package config file with:

```
php artisan vendor:publish --tag=instantsearch
```

And then enable the `renderless` config option which will cause all components to work in this mode by default.

###  Health Score

51

—

FairBetter than 96% of packages

Maintenance89

Actively maintained with recent releases

Popularity39

Limited adoption so far

Community11

Small or concentrated contributor base

Maturity50

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 88.9% 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 ~171 days

Recently: every ~185 days

Total

12

Last Release

56d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/21592?v=4)[Chris Morrell](/maintainers/inxilpro)[@inxilpro](https://github.com/inxilpro)

---

Top Contributors

[![inxilpro](https://avatars.githubusercontent.com/u/21592?v=4)](https://github.com/inxilpro "inxilpro (48 commits)")[![skylerkatz](https://avatars.githubusercontent.com/u/7297992?v=4)](https://github.com/skylerkatz "skylerkatz (6 commits)")

---

Tags

laravelalgoliainstantsearch

###  Code Quality

TestsPHPUnit

Code StylePHP CS Fixer

### Embed Badge

![Health badge](/badges/internachi-blade-alpine-instantsearch/health.svg)

```
[![Health](https://phpackages.com/badges/internachi-blade-alpine-instantsearch/health.svg)](https://phpackages.com/packages/internachi-blade-alpine-instantsearch)
```

###  Alternatives

[algolia/scout-extended

Scout Extended extends Laravel Scout adding algolia-specific features

4186.3M6](/packages/algolia-scout-extended)[jeroen-g/explorer

Next-gen Elasticsearch driver for Laravel Scout.

397612.3k](/packages/jeroen-g-explorer)[mmanos/laravel-search

A search package for Laravel 5.

36475.7k1](/packages/mmanos-laravel-search)[vanry/laravel-scout-tntsearch

包含中文分词的 Laravel Scout TNTSearch 驱动，支持 scws, phpanalysis 和 jieba 分词。

17811.8k1](/packages/vanry-laravel-scout-tntsearch)[algolia/laravel-scout-settings

Import/Export Algolia settings into your Laravel Scout project

23396.9k](/packages/algolia-laravel-scout-settings)[romanstruk/manticore-scout-engine

Laravel Manticore Scout Engine

4818.1k](/packages/romanstruk-manticore-scout-engine)

PHPackages © 2026

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