Hakkımızda
LibraryCSS, web arayüzleri geliştiren tasarımcı ve geliştiricilerin üretim süresini kısaltmak için oluşturulmuş bir CSS kaynak kütüphanesidir.
Son güncelleme: 6 Ekim 2026
Ne sunuyoruz?
Koleksiyon 22 kategoride 10.238 saf CSS efekti içerir: butonlar, kartlar, yükleyiciler, metin, arka planlar, onay kutuları, anahtarlar, hover, rozetler, formlar, navigasyon, ipuçları, akordeonlar, uyarılar, avatarlar, modallar, ilerleme, kaydırıcılar, sekmeler, tablolar, zaman çizelgeleri, kayan yazılar. Efektler canlı olarak incelenebilir, tarayıcı içinde özelleştirilebilir ve projelere aktarılabilir.
Efektlerin yanında 10 kapsamlı CSS rehberi, 67 CSS özelliğini açıklayan bir referans ve 25 tarayıcı içi CSS aracı bulunur. Rehberler bir tekniği baştan sona anlatır; tarayıcı desteğini, sık yapılan hataları ve o tekniği kullanan canlı efektleri birlikte gösterir.
Efektler nasıl hazırlanıyor?
- Her efekt yalnız HTML ve CSS ile yazılır; JavaScript, derleme adımı veya harici kütüphane gerektirmez.
- Sınıf adları ve animasyon adları efekte özel bir önekle (
fx-) yazılır; böylece kopyaladığın kod kendi sayfandaki stilleri ezmez, iki efekt yan yana kullanıldığında birbirini bozmaz. - Katalog düzenli olarak mekanik denetimden geçirilir: kapsam dışına taşan seçiciler, çakışan animasyon adları ve boş görünen önizlemeler aranır, bulunanlar düzeltilir.
- Topluluktan gelen yeni efekt önerileri ve düzeltmeler yayına girmeden önce elle incelenir. Tarayıcıda çalışabilecek betik ve olay öznitelikleri gönderimlerden otomatik olarak temizlenir.
Amacımız
Amacımız yalnızca kod parçaları listelemek değil; geliştiricilerin hareket, durum geri bildirimi ve görsel hiyerarşi gibi arayüz ayrıntılarını daha hızlı deneyebilmesini sağlamaktır. Bu yüzden her efekt, kategorisi ve kullandığı CSS teknikleriyle etiketlenir; aynı tekniği kullanan efektler ve onu anlatan rehber birbirine bağlanır.
Şeffaflık
Kütüphanedeki tüm içerikler ücretsizdir; ödeme alınmaz. Canlı önizlemeler herkese açıktır; kaynak kodu, kopyalama ve tarayıcı içi editör ücretsiz bir hesapla açılır. Site giderleri Google AdSense reklamlarıyla karşılanır; reklamlar içerikten ayrı alanlarda gösterilir. Reklam ve çerez kullanımının ayrıntıları gizlilik politikasında ve çerez politikasında yer alır.
Bize ulaşın
Görüş, hata bildirimi veya hak sahipliği talepleri için iletişim sayfasını kullanabilirsiniz.