Experience the future of UI with our synthwave-themed command palette, designed for power users who love glowing accents and vibrant interactivity.
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 <div class="gs-card-inner">
7 <header class="gs-header">
8 <h1>Command Palette</h1>
9 </header>
10 <div class="gs-content">
11
12 <div class="gs-command-list">
13 <div class="gs-command">
14 <svg width="16" height="16" role="img" aria-label="Folder icon">
15 <rect></rect>
16 <path d="M3 5v-2a2 2 0 012-2h2a2 2 0 012 2v2h-6z" fill="none" stroke="currentColor"></path>
17 </svg>
18 <span>Open Folder</span>
19 </div>
20 <div class="gs-command">
21 <svg width="16" height="16" role="img" aria-label="Settings icon">
22 <circle></circle>
23 <path d="M9.6 5H6.4L5 8l1.4 3h3.2L11 8z" fill="none" stroke="currentColor"></path>
24 </svg>
25 <span>Adjust Settings</span>
26 </div>
27 <div class="gs-command">
28 <svg width="16" height="16" role="img" aria-label="Search icon">
29 <circle></circle>
30 <line></line>
31 </svg>
32 <span>Search Files</span>
33 </div>
34 </div>
35 </div>
36 </div>
37 </div>
38</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.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.