A flexible and powerful search component that allows users to find content within specific page elements like headings (h1–h6), paragraphs, links, or buttons.
Make it with Workshop
Build your own component with AI
Perfect for large documentation pages, glossaries, knowledge bases, and other dense-text experiences. Helps users quickly locate relevant content without scrolling endlessly.
Choose which HTML elements users can search within. Available options include:
All Text
H1 Headings
H2 Headings
H3 Headings
H4 Headings
H5 Headings
H6 Headings
All Headings
Paragraphs
Links
Buttons
Easily customize fonts, colors, and placeholder texts to match your branding or localization needs. Need help? Reach out via the support email below.
Paste the component into your canvas
Choose your search scope and adjust the design to fit your needs
For best UX, place it inside a sticky stack to keep it visible as users scroll
Need help? Reach out to me at rafaelvazdesigner@gmail.com – I’m happy to assist with setup or customization.