Nå UI Kit - Definitive Bootstrap 4 GUI

Som frontend-utviklere venter ivrig på Offisiell utgivelse av Bootstrap 4, Vi skummer detaljerte guider som dekker de fantastiske nye funksjonene. Men den utålmodige vil dykk rett inn i BootStrap 4 og begynn å lære hvordan det fungerer i dag. Det er der et GUI-sett kan hjelpe.

Creative Tim utgitt Nå UI-sett da Bootstrap 4 var fortsatt tidlig alfa-utvikling. Men det er et av de beste UI-kittene der ute, og det er definitivt det beste for BootStrap 4-nettsteder.

Pakken støtter alle typiske Bootstrap-komponenter og det er helt gratis å bruke og redigere.

Det tar UI-design til et helt nytt nivå ved tilpasse radioknapper, avmerkingsbokser, Til og med legger til tilpassede på / av skyveknapper. Tekstinnganger har deres egne stiler for suksess / fiasko for valideringskontroll og gi deg full kontroll over alle disse stilene i CSS.

Vil du ha enda bedre nyheter? Dette brukergrensesnittet kommer inn både rå HTML / CSS og digitale PSD / Sketch-filer. Så, du kan faktisk oppheve et helt Bootstrap 4-layout i Photoshop, og kodes deretter oppsettet ved hjelp av dette settet på toppen av BS4. Kul, rett?

Creative Tim gikk selv så langt som til opprett full demo-oppsett for en destinasjonsside og en profilside. To flotte eksempler på hva du kan gjøre med dette brukergrensesnittet og en liten Bootstrap kunnskap.

En annen kul funksjon av dette UI-settet er gratis ikoner. Denne pakken følger med 100 egendefinerte ikoner, designet spesielt for dette settet, og de er utgitt gratis, sammen med nå UI-elementene.

Og nevnte jeg alle gratis komponenter, også? Du kan sette opp bildekaruseller, tabbed widgets, rullegardinmenyer, datovalgere, tilpassede modalvinduer, ærlig talt alt du trenger for en helt ny nettside..

Det er ikke nektet det: Nå er brukergrensesnittet de UI-sett for Bootstrap 4. Hvis du vil tinker med biblioteket uten å føle det som Bootstrap så vil du ha en kopi av nå UI-settet.

For en live demo av alle funksjonene, sjekk ut hovedsiden inkludert komponenter også. Du finner nedlasting koblinger for kodebiblioteket og PSD / Sketch-filene, sammen med dokumentasjon for å få alle disse komponentene satt opp i ditt eget layout.

Og hvis du får dette opp på et live nettsted, vær sikker på å dele prosjektet med Creative Tim på Twitter @creativetim.