Free Search Collection

The ultimate collection of responsive Search built with the latest Bootstrap 5.

How to use it?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

📄Documentation & usage guide

These templates were built with a free Material Design UI Kit for the latest Bootstrap 5.

Intro half page

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img1.webp</picture> " type="image/webp">

Intro colorful background

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img2.webp</picture> " type="image/webp" />

Intro light card

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img3.webp</picture> " type="image/webp" />

Intro dark card

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img4.webp</picture> " type="image/webp" />

Intro color of the year

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img5.webp</picture> " type="image/webp" />

Intro gradient input

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img6.webp</picture> " type="image/webp" />

Intro vertical image

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img7.webp</picture> " type="image/webp" />

Intro with glass card

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img8.webp</picture> " type="image/webp" />

Intro full page

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img9.webp</picture> " type="image/webp" />

Intro gradient card

<picture>
https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content-gh/en/_mdb5/standard/web/docs/forms/search/examples/assets/img10.webp</picture> " type="image/webp" />