Mohammad Shehadeh

Faceted Docs Search

Component

About

Docs search with type, product area and date facets whose counts reflect the other active filters, removable filter chips and relevance or newest sorting. Ships composable parts.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Faceted Docs Search to your project and fits it to your theme.

Code

How Faceted Docs Search is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import Search01 from "@/components/ui/search-01";

export default function Search01Demo() {
  return <Search01 />;
}

Dependencies

More by Mohammad Shehadeh

View all
  • Feature Problem Cards

    Feature Problem Cards

    90
  • Feature Grid Spotlight Cards

    Feature Grid Spotlight Cards

    73
  • Ecommerce Category Page

    Ecommerce Category Page

    72
  • Split Login

    Split Login

    68
  • Comparison Section

    Comparison Section

    65
  • Dithered Shader CTA

    Dithered Shader CTA

    64
  • Comparison Table

    Comparison Table

    64
  • FAQ Two Column

    FAQ Two Column

    63

Explore more

Part of Hirael — browse the full library on 21st.dev.