Manage your API keys with style. Rich gradients and interactive transitions make this interface both functional and aesthetically mesmerizing.
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-card">
5 <div class="gs-card-inner">
6 <h2 class="mb-4">API Key Manager</h2>
7 <div class="api-key">
8 <div class="api-key-header">
9 <span class="key-label">Key ID</span>
10 <button class="btn-generate">Generate New</button>
11 </div>
12 <div class="api-key-content">
13 <div class="key-block">
14 <div class="key-info">
15 <span class="key-name">Production Key</span>
16 <span class="key-value">ABCD-1234-EFGH-5678</span>
17 </div>
18 <div class="key-actions">
19 <button class="btn-copy">Copy</button>
20 <button class="btn-revoke">Revoke</button>
21 </div>
22 </div>
23 <div class="key-block">
24 <div class="key-info">
25 <span class="key-name">Staging Key</span>
26 <span class="key-value">IJKL-9101-MNOP-1121</span>
27 </div>
28 <div class="key-actions">
29 <button class="btn-copy">Copy</button>
30 <button class="btn-revoke">Revoke</button>
31 </div>
32 </div>
33 </div>
34 </div>
35 </div>
36 </div>
37</section>
Bootstrap carousel with cards in 3 columns
Bootstrap carousel with cards in 3 columns: a hand-crafted, open-source Bootstrap 5 card. HTML included, ready to copy.
Bootstrap 5 ecommerce product cards details template
Add a card to your UI with Bootstrap 5 ecommerce product cards details template. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Bootstrap snippet Panels with nav tabs using HTML & CSS
Bootstrap snippet Panels with nav tabs using HTML & CSS — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your 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.
24
Components
30
Views
6
Likes
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.