Explore search results with dynamic filtering and diversified content types. Experience a visually immersive molten copper theme with kinetic motion.
1<section class="gs-stage">
2 <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
3 <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
4 <div class="gs-grid-overlay" aria-hidden="true"></div>
5 <div class="gs-card">
6 <header class="d-flex align-items-center mb-4">
7 <h2 class="fs-4 text-white me-auto">Search Results</h2>
8 <button class="btn btn-dark text-white" id="toggle-filters">Toggle Filters</button>
9 </header>
10 <div class="d-flex">
11 <nav id="filter-rail" class="gs-filter-rail">
12 <ul class="list-unstyled">
13 <li>Articles</li>
14 <li>Videos</li>
15 <li>Photos</li>
16 <li>Podcasts</li>
17 </ul>
18 </nav>
19 <div class="gs-results p-3">
20 <div class="gs-result card mb-4">
21 <div class="card-body">
22 <h3 class="card-title">Captivating Article</h3>
23 <p class="card-text text-muted">Published on October 20, 2023 by Jane Doe</p>
24 <p class="card-text">A deep dive into mesmerizing designs in the modern web.</p>
25 <a href="#" class="stretched-link">Read more</a>
26 </div>
27 </div>
28 <div class="gs-result card mb-4">
29 <div class="card-body">
30 <h3 class="card-title">Inspiring Video</h3>
31 <p class="card-text text-muted">Published on September 12, 2023 by John Smith</p>
32 <p class="card-text">Explore the visuals of stunning web interfaces that captivate users.</p>
33 <a href="#" class="stretched-link">Watch now</a>
34 </div>
35 </div>
36 <div class="gs-result card mb-4">
37 <div class="card-body">
38 <h3 class="card-title">Stunning Photo Collection</h3>
39 <p class="card-text text-muted">Published on August 5, 2023 by Emily Clark</p>
40 <p class="card-text">A gallery of breathtaking images from award-winning designers.</p>
41 <a href="#" class="stretched-link">View gallery</a>
42 </div>
43 </div>
44 </div>
45 </div>
46 </div>
47</section>
Auto move mouse cursor snippet
Auto move mouse cursor snippet: a hand-crafted, open-source Bootstrap 5 utility. HTML, CSS & JS included, ready to copy.
Bootstrap 5 Ecommerce Product Detail Page Design snippet
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce Product Detail Page Design snippet. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Bootstrap 5 Ecommerce single product page design template
Free Bootstrap 5 utility snippet — Bootstrap 5 Ecommerce single product page design template. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
27
Components
147
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.