Perpustakaan kotak centang ini menawarkan puluhan gaya kotak centang CSS gratis

Mencari kotak centang gaya UI kustom untuk situs web Anda? Mengintip Perpustakaan Kotak centang CSS dihosting secara gratis di GitHub.

Perpustakaan besar ini mendukung banyak gaya untuk item kotak centang, seperti slider, desain on / off, lingkaran & kotak di antara banyak bentuk lainnya.

Kamu dapatkan akses penuh ke kode HTML / CSS, jadi sangat mudah untuk menjalankannya dan berjalan di situs Anda. Belum lagi itu sepenuhnya open-source dan tersedia untuk proyek pribadi dan komersial.

Untuk memulai, Anda dapat mengunjungi repo GitHub dan unduh semua file secara lokal ke mesin Anda. Atau, Anda dapat menginstal perpustakaan melalui npm.

Secara default, setiap gaya kotak centang hadir dengan kelasnya sendiri. Itu checkboxes.min.css stylesheet memiliki semua yang Anda butuhkan, jadi jika itu termasuk dalam halaman Anda maka Anda sudah siap.

Setiap gaya kotak centang mendukung browser modern dan sebagian besar browser lawas, termasuk IE9+.

Alur kerja untuk perpustakaan ini mungkin yang paling sederhana yang pernah saya lihat. Setelah Anda memiliki stylesheet yang ditambahkan ke halaman Anda, cukup gali semua gaya di demo utama dan lihat apa yang menonjol.

Dari sana, Anda dapat memilih apa pun yang paling berhasil. Mengklik tombol HTML menampilkan modal dengan kode sumber untuk kotak centang itu. Sekarang, cukup salin / tempel ke situs Anda, berikan nama / nilai yang tepat (jika ada), dan Anda siap!

Tidak ada kerumitan, kustomisasi sangat sedikit, dan pada dasarnya tidak diperlukan keterampilan pengkodean.

Anda akan melihat setiap gaya kotak centang hadir dalam tema terang dan gelap, untuk dukungan yang lebih besar. Ini berarti Anda seharusnya tidak kesulitan menemukan kotak centang yang sesuai dengan situs web Anda. Plus, kamu bisa gunakan kelas tambahan seperti .ckbx-small atau .ckbx-xlarge untuk menambah ukuran.

Dengan 25+ gaya berbeda dan banyak animasi berbeda, Saya harus mengatakan Perpustakaan Kotak Centang CSS ini mengesankan. Bagus untuk setiap pengembang frontend yang ingin menghemat waktu dalam alur kerja mereka dan meningkatkan desain UI dari segala bentuk web.