→ Mateo Rojas
→ modern search bar with autocompletion

modern search bar with autocompletion

click to see effect

This bootstrap css example is contributed by Mateo Rojas, on 21-Dec-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is find

Tags: Search Bar

Author Mateo Rojas

5.7k

v.5.3

Fork Fullscreen

<div class="suggestions">
                    <div class="recent-searches">Recent Searches</div>
                    <div class="suggestion-item">
                        <i class="fas fa-history"></i>
                        Wireless Headphones
                    </div>
                    <div class="suggestion-item">
                        <i class="fas fa-history"></i>
                        Smart Watches
                    </div>
                    <div class="suggestion-item">
                        <i class="fas fa-search"></i>
                        Popular: Latest Smartphones
                    </div>
                    <div class="suggestion-item">
                        <i class="fas fa-fire"></i>
                        Trending: Fitness Trackers
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

More Examples