</>{}( )[ ]=>&&
4 kod • 1 geliştirici
Kodlarını
Paylaş ve Keşfet.
NpmShare’de snippet’lerini yayınla, trend olan kodları keşfet ve geliştirici topluluğuna katkı sağla.
HTML
Cyberpunk Footer
HTML ve CSS ile hazırlanmış, CyberPunk temalı footer şablonu
html
<footer class="cyber-footer">
<div class="footer-content">
<div class="footer-links">
<a href="#">HAKKIMIZDA</a>
<a href="#">GÜVENLİK</a>
<a href="#">İLETİŞİM</a>
</div>
<p class="copyright">NPMSHARE © 2026</p>
</div>
</footer>
<style>
.cyber-footer {HTML
Cyberpunk Navigasyon Menüsü
HTML ve CSS ile hazırlanmış, CyberPunk temalı navbar şablonu
html
<nav class="cyber-nav">
<div class="nav-container">
<div class="nav-logo">NPM SHARE</div>
<ul class="nav-links">
<li><a href="#">ANA SAYFA</a></li>
<li><a href="#">TERMİNAL</a></li>
<li><a href="#">VERİ TABANI</a></li>
</ul>
</div>
</nav>
<style>
.cybHTML
Cyberpunk Giriş Paneli
HTML ve CSS ile hazırlanmış, CyberPunk temalı kullanıcı giriş sayfası şablonu
html
<div class="cyber-box">
<h2 class="cyber-title">LOGIN</h2>
<div class="field">
<label>USER NAME</label>
<input type="text" class="cyber-input" placeholder="_">
</div>
<div class="field">
<label>PAWSSWORD</label>
<input type="password" class="cyber-input" placehoHTML
Cyberpunk Stil Buton Tasarımı
Etiketler: #webdesign HTML ve CSS kodlarını kopyalayıp projenize yapıştırın. clip-path ile keskin hatlı, sert kırmızı gölgeli ve üzerine gelince renk değiştiren agresif bir buton oluşturur. Modern, "gamer" temalı ve dikkat çekici arayüzler için birebirdir.
html
<button class="cyber-btn">
<span class="cyber-btn__text">SİSTEMİ BAŞLAT</span>
<span class="cyber-btn__glitch"></span>
</button>
<style>
.cyber-btn {
--primary-red: #ff0000;
--dark-bg: #000000;
position: relative;
padding: 20px 40px;
background: var(--dark-bg);
c