No. 55 of 106
Instant AJAX search with story suggestions.
Live results as visitors type, from posts, pages and WooCommerce products. Ten layouts including a glowing hero bar, a ⌘K command palette, a full-screen overlay and results that appear right on the page, with filters, trending chips, recent searches, voice input and full keyboard control.
Type anything, or press “/” to jump here. Results come from the real sample posts on this site.
A single search button in the header. Click it and the field slides open next to it; press Esc or click away to close it again.
Search WooCommerce products with a category dropdown attached. Results show the photo, category, price, sale badge and stock, and the highlighted words they typed.
A fake search field opens a command palette, like the ones in modern apps. Here it searches the real NewsOn element pages on this site, titles only. Try ⌘K or Ctrl+K anywhere on this page.
A round search button opens a full-screen overlay with a large field, trending topics, recent searches and results as picture cards. The page behind blurs and stops scrolling.
Click the round button above.
No dropdown: results fill the page as cards the moment someone types, with tabs to narrow them to posts, pages or products. This one starts with a search already filled in.
A large, quiet field with just a line underneath that fills with color when focused, and an animated placeholder that suggests what to try.
A soft pill with a microphone button. In browsers that support speech input, visitors can tap it and say what they are looking for. It hides itself where speech is not available.
The sidebar layout keeps results inside the column, pushing content down rather than floating over it, with popular tags underneath.
SIDEBAR
A dark, compact bar with the button tucked inside and a “/” hint. Press “/” while this section is on screen to jump straight into it.
The classic bar in every skin. Click into one and type to see the results panel in the same style.
Light · pill
Soft · classic
Outline · inset
Glass · pill
Dark · classic
Neon · inset
106 elements for news, Search Box Advanced included.
NewsOn