CSS Kütüphanem
Tasarımınıza seviye atlatacak modern CSS kodları ve UI ögeleri.
Şifre Güvenlik Ölçer
Yazılan şifrenin kuvvetine/çeşitliliğine göre canlanan dinamik güvenlik kontrol barı.
3D İnteraktif Kredi Kartı
Yazılan numaraya göre bankayı anlayan, CVV girildiğinde dönen dinamik kart.
3D Ürün Flip Kartı
Mouse ile üzerine gelindiğinde 3 boyutlu olarak ters dönen ürün veya bilgi kartı.
Akıllı Hata/Başarı Login Formu
Hatalı girişte sallanan, başarılı giriüste yeşil tik çemberi çizen gelişmiş form okuma tasarımı.
Yüzen Aksiyon Butonu (FAB)
Ekranın sağ alt köşesine sabitlenen ve tıklandığında alt menüleri açan interaktif buton.
Kayan Gradient Text
Yazının içinden geçen degrade renk dalgası animasyonu.
Floating Label Input
Formlarda kullanıcı tıkladığında metnin yukarı doğru yumuşakça kaydığı input çerçevesi.
Parlayan Lineer İlerleme
Yatay düzlemde %0'dan %100'e neon bir çizgi halinde dolan yatay çubuk.
Matrix Yağmuru Arka Planı
Klasik Matrix filminden esinlenen, düşen yeşil karakterlerden oluşan Canvas tabanlı animasyonlu arka plan.
Kayan Haber Bandı (Ticker)
Kesintisiz sonsuz döngüde kayan haber/duyuru bandı. Çözdüğünüz haberleri ve announcements için idealdir.
Aurora Gradient Kart
Mouse hareketi ile birlikte kayışan canlı aurora borealis renk geçişleri içeren premium kart bileşeni.
Nabız (Pulse) Animasyonu
Kalp atışı gibi dışa doğru genişleyip kaybolan halka animasyonu. Durum (online/offline) bildirimleri için harikadır.
Modern Profil Kartı
Üzerine gelindiğinde sosyal medya ikonları açılan interaktif profil kartı.
Kayan Yıldızlar Arka Planı
Space ve Uzay temalı sitelerde çok kullanılan CSS kayan yıldız efektleri.
Neumorphic Toggle Switch
Sıvı ve pürüzsüz geçişe sahip Dark Mode / Light Mode vb tarzında kullanılabilecek buton.
Hamburger Açılır Menü (Sidebar)
Tıklandığında animasyonla açılan ve kapatılabilen yan panel (sidebar) tasarımı.
Animasyonlu Dropdown
Saf CSS kullanılarak yapılmış, yumuşak geçişli açılır menü (Dropdown).
Cam Efektli (Glassmorphism) Kart
Modern arayüzlerin vazgeçilmezi olan, arka planı buzlu cam gibi gösteren kart tasarımı.
Typewriter Text Efekti
Sanki bir daktilo tarafından yazılıyormuş gibi hissettiren mükemmel metin efekti.
Manyetik Hover Butonu
Mouse kursörü yaklaşınca mıknatıs gibi çekilen, mouse yönünde hareket eden sihirli buton efekti.
Smooth Scroll Navbar
Tıklandığında sayfada belirlenen yere CSS ile yumuşakça kaydırma yapan interaktif menü.
Parlayan Glassmorphism Navbar
Modern siteler için şık, blur efektli ve üzerine gelince parlayan navbar tasarımı.
Neon Glow Buton
Etrafında neon ışık hüzmesi dönen karanlık tema butonu.
Neon Border Animasyonlu Input
Focus olduğunda kenarından neon ışık dalgası geçen, modern dark theme form alanı.
Glassmorphism Bildirim Toast'u
Ekranın köşesinde belirip 3 saniye sonra kaybolan, buzlu cam (glassmorphism) efektli modern bildirim bileşeni.
Karanlık Mod Geçiş Anahtarı (Smooth)
Güneş ve ay ikonları arasında yumuşak geçiş yapan interaktif gece/gündüz butonu.
Yüzen İkon Tooltip
Üzerine gelindiğinde ikonun yukarı sıçradığı ve bir baloncukla isim beliren animasyon.
Animasyonlu İstatistik Sayacı
Sayfa yüklenirken 0'dan hedef değere hızlanarak giden sayı animasyonlu istatistik kutuları.
Yetenek (Skill) Barı Tooltip
Freelancer profil sayfaları için animasyonlu dolan ve ucu bilgi etiketli (tooltip) barlar.
Adım Adım İlerleme (Stepper)
Kayıt formu veya alışveriş sepeti aşamalarını gösteren adım göstergesi.
Çok Renkli Halka İlerleme
Birden fazla renk segmentine bölünmüş, konuşarak CSS conic-gradient ile çizilen istatistik halkası.
Cyberpunk Glitch Text
Hoş bir siberpunk arıza (glitch) efekti veren başlık stili.
Skeleton Loader
Sayfa yüklenirken verilerin geleceği yeri gösteren iskelet yükleme ekranı animasyonu.
0'dan 100'e Başarı Sayacı
Yavaş yavaş %0'dan %100'e yükselen animasyonlu durum paneli.
Neumorphic Arama Çubuğu
Neumorphism tasarımında, tıklanınca genişleyen interaktif ve şık arama alanı.
Saf CSS Accordion SSS
Sıfır Javascript ile çalışan, pürüzsüz açılır kapanır sıkça sorulan sorular akordiyonu.