Această bibliotecă de checkbox-uri oferă zeci de stiluri gratuite CSS Checkbox

Caut personalizat caseta de selectare UI stiluri pentru site-ul dvs.? Luați o privire la CSS Library Library găzduit gratuit pe GitHub.

Această bibliotecă masivă acceptă zeci de stiluri pentru elementele de casetă de selectare, cum ar fi glisoare, modele on / off, cercuri & pătrate printre multe alte forme.

Tu obțineți acces complet la codul HTML / CSS, astfel încât este o briza pentru a obține și de funcționare pe site-ul dvs. Să nu mai vorbim, de asemenea, este complet deschis și disponibile atât pentru proiecte personale, cât și pentru proiecte comerciale.

Pentru a începe, puteți vizita repo GitHub și descărcați toate fișierele local pe mașina dvs.. Sau, puteți instala biblioteca prin intermediul npm.

În mod implicit, fiecare stil de cutie de bifare vine cu o clasă proprie. checkboxes.min.css foaia de stil are tot ceea ce aveți nevoie, deci dacă este inclusă în pagina dvs., atunci sunteți toți pregătiți.

Fiecare stil de casetă de selectare suportă browserele moderne și cele mai vechi browsere, inclusiv IE9+.

Fluxul de lucru pentru această bibliotecă este probabil cel mai simplu pe care l-am văzut vreodată. Odată ce ați adăugat foaia de stil pe pagina dvs., pur și simplu sapa prin toate stilurile de pe demo-ul principal și vezi ce iese în evidență.

De acolo, puteți alege ceea ce funcționează cel mai bine. Dând clic pe butonul HTML afișează un modal cu codul sursă pentru caseta de selectare respectivă. Acum, copiați / inserați-o în site-ul dvs., dați-i numele / valoarea corespunzătoare (dacă este cazul) și sunteți toți pregătiți!

Fără complicații, foarte puțin personalizate și, practic, nu sunt necesare abilități de codificare.

Veți observa fiecare stil de casetă de selectare vine atât într-o temă luminoasă și întunecată, pentru o mai mare susținere. Acest lucru înseamnă că nu ar trebui să încercați să găsiți o casetă de selectare care să se potrivească cu site-ul dvs. Web. În plus, poți utilizați clase suplimentare precum .ckbx-mici sau .ckbx-XLARGE pentru a mări dimensiunea.

Cu 25 de stiluri diferite și multe animații diferite, Trebuie să spun că această CSS Checkbox Library este impresionantă. Mare pentru orice dezvoltator frontend care doresc să economisească timp în fluxul lor de lucru și îmbunătăți designul UI al oricărui formular web.