Modern Search Bar
A branded, beautifully styled search bar that feeds the same SharePoint and Microsoft 365 results as the built-in search - but through an interface you control. Drop it in a hero banner, a sidebar, or anywhere your intranet needs it. The design, placement and styling the default search box doesn't give you.
The Problem
SharePoint's default search box is plain, small and tucked into the suite bar. It doesn't match your brand, you can't resize it, you can't drop it into a hero banner, and your users often don't notice it's there. The intranet looks polished everywhere else - then falls back to generic Microsoft chrome for the thing people do most.
The Solution
Modern Search Bar gives you a fully styleable search entry point that passes queries to the same SharePoint and Microsoft 365 results page. Same results, better presentation. Place it in a hero banner, a sidebar, a page header - wherever your design calls for it. Width, height, radius, colours, placeholder, icon - all configurable per placement.
Same Results, Better Interface
Modern Search Bar vs Default SharePoint Search
Both feed the same SharePoint and Microsoft 365 search results. Only the entry experience changes.
SharePoint Default
- Fixed position in the suite bar
- Small, easy to miss
- No style controls
- Doesn't match brand
- Same on every page
Modern Search Bar
- Place it anywhere on the page
- Any size, from compact to hero-wide
- Full colour, radius and border control
- Matches your brand system
- Different styling per page if needed
Place It Where It Matters
Three Common Placements
Modern Search Bar drops into any web part zone. These are the placements customers use most.
Hero Banner
Prominent, wide, obvious. Makes search the first thing people see when they land on the homepage.
Sidebar
Compact, persistent. Good for sub-sites where search is always needed but shouldn't dominate.
Page Header
Directly below the site navigation. Keeps search within easy reach on every page without taking hero real estate.
See It in Action
Real SharePoint Deployments
Screenshots coming soon. Modern Search Bar running on customer tenants.
What You Get
SharePoint search power, presented on your terms.
Full Design Control
Width, height, border radius, colours, placeholder text, icon styling - all configurable through the property pane. Match your brand system exactly.
SharePoint + Microsoft 365 Search
Queries pass straight to the SharePoint search results page. Users get the full results you've already configured, including permissions, verticals and filters - just through a better entry point.
Flexible Placement
Drop into hero sections, sidebars, page headers or any web part zone. Different placements can have different styling - a prominent hero bar on the homepage, a subtle sidebar on sub-sites.
Theme-Aware Defaults
Inherits your SharePoint site theme as a starting point. Override anything you need to, or leave it alone for consistent out-of-the-box styling.
Responsive by Default
Scales from a wide desktop search bar to a compact mobile input. Touch-friendly on any device without extra configuration.
Works in Teams Tabs
Renders correctly when your SharePoint page is embedded in Microsoft Teams. Search behaviour stays consistent across desktop browser, mobile browser and Teams.
Included In
Modern Search Bar Is Part of the Complete Bundle
Web parts are sold as bundles, not individually. Modern Search Bar is one of the 13 web parts added in Complete, on top of the Starter 5.
Looking for the basics only? See the Starter Bundle →
Questions About Modern Search Bar
Stop Hiding Search in the Corner
Book a 30-minute demo to see Modern Search Bar running on a real SharePoint tenant, or explore the Complete bundle.