$4, Fits your $30 budget
Cover illustration. The files are listed under What's inside.
Search Bar UI Elements
Search inputs in pill, rounded and underlined styles, with autocomplete panels, recent searches, a command palette and a mobile search header.
$4
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 20 elements
- File formats
- .fig, .sketch, .png
- Supported software
- Figma, Sketch
- Download size
- 4 MB
- Good for
- Dashboards and admin tools
- Online store search
- Documentation sites
About this product
From a plain search field to a full command palette, the 20 elements include pill, rounded and underlined inputs, versions with a filter button or a keyboard shortcut badge, an autocomplete panel, recent searches, a results preview with thumbnails, a no-results message and a full-screen mobile search header. Inputs have default, focus, typing and loading states.
What appears while someone types is designed too: suggestions with the matched text highlighted, grouped command palette results with shortcut hints, and the message shown when nothing matches. Designers of dashboards, documentation sites and stores can prototype the whole search interaction before any query logic exists.
What's inside
- 20 elements: inputs, suggestion panels, palette and mobile header
- Default, focus, typing and loading input states
- Autocomplete list with highlighted matching text
- Command palette with grouped results and shortcut hints
- No-results message and recent search history
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
$4, Fits your $30 budget
$4, Fits your $30 budget
$4, Fits your $30 budget