Search & Filter Bar

Name: Search & Filter Bar
Author: @ux_raj

ReactUXFilterUpdated 2026-07-22

When to use: List pages that need text search plus category/tag filtering without a sidebar.

Install

npx skills add search-filter-bar

Git Clone

git clone https://github.com/skillhub-community/search-filter-bar.git

Repository Docs

Description

Combines a debounced text input with horizontally scrollable filter chips. URL search-params are kept in sync so filtered views are shareable and bookmarkable.

Ships with a `useFilterParams()` hook that reads/writes to `URLSearchParams`, making it router-agnostic.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@ux_raj

LicenseMIT

Version1.0.2

Dependencies0