Dette afkrydsningsbibliotek tilbyder dusinvis af gratis CSS Checkbox-stilarter

Leder efter brugerdefinerede afkrydsningsfelt UI stilarter til dit websted? Tag et kig på CSS Checkbox Library hostet gratis på GitHub.

Dette massive bibliotek understøtter snesevis af stilarter til afkrydsningsfelter, som skydere, on / off designs, cirkler og firkanter blandt mange andre former.

Du Få fuld adgang til HTML / CSS-koden, så det er en leg at få det til at køre på dit websted. For ikke at nævne det er også fuldt åben og Tilgængelig til både personlige og kommercielle projekter.

For at komme i gang kan du besøge GitHub repo og Download alle filer lokalt til din maskine. Eller du kan installere biblioteket via npm.

Som standard, hver afkrydsningsfelt stil kommer med sin egen klasse. Det checkboxes.min.css stylesheet har alt hvad du behøver, så hvis det er inkluderet i din side så er du helt klar.

Hver afkrydsningsfelt stil understøtter moderne browsere og de fleste ældre browsere, herunder IE9+.

Arbejdsstrømmen til dette bibliotek er måske det enkleste, jeg nogensinde har set. Når du har stilarket tilføjet til din side, bare grave gennem alle stilarter på hoveddemoen og se hvad der skiller sig ud.

Derfra kan du vælge hvad der virker bedst. Klik på HTML-knappen viser en modal med kildekoden for denne afkrydsningsfelt. Nu skal du bare kopiere / indsætte det på dit websted, giv det rigtige navn / værdi (hvis relevant), og du er helt indstillet!

Ingen besvær, meget lille tilpasning, og i grunden kræves ingen kodningsfærdigheder.

Du vil bemærke hver afkrydsningsfelt stil kommer i både et lys og mørkt tema, for større støtte. Det betyder, at du ikke har problemer med at finde en afkrydsningsfelt, der passer til din hjemmeside. Plus, du kan brug yderligere klasser såsom .ckbx-small eller .ckbx-XLarge for at øge størrelsen.

Med 25 + forskellige stilarter og mange forskellige animationer, Jeg må sige, at dette CSS Checkbox Library er imponerende. Perfekt til enhver frontend-udvikler, der ønsker at spare tid i deres workflow og forbedre brugergrænsefladens design af enhver webformular.