Nu UI Kit - Definitive Bootstrap 4 GUI

Som frontendutvecklare väntar ivrigt på officiell release av Bootstrap 4, Vi skummar detaljerade guider som täcker de fantastiska nya funktionerna. Men den otåliga kommer dyka rakt in i BootStrap 4 och börja lära dig hur det fungerar idag. Det är där ett GUI-kit kan hjälpa till.

Creative Tim släppte Nu UI Kit när Bootstrap 4 var fortfarande i tidig alfautveckling. Men det är ett av de bästa UI-kitsna ute och det är definitivt det bästa för BootStrap 4-webbplatser.

Satsen stöder alla typiska Bootstrap-komponenter och det är helt gratis att använda och redigera.

Det tar UI-design till en helt ny nivå med Anpassa radioknappar, kryssrutor, och även lägger till anpassade på / av-reglage. Textinmatningar har sina egna stilar för framgång / misslyckande för valideringskontroll och ger dig fullständig kontroll över alla dessa stilar i CSS.

Vill du ha ännu bättre nyheter? Detta UI-paket kommer in både råa HTML / CSS och digitala PSD / Sketch-filer. Så, du kan faktiskt mocka upp en hel Bootstrap 4 layout i Photoshop och sedan koda layouten med detta kit ovanpå BS4. Cool, höger?

Creative Tim gick till och med så långt som skapa fullständiga demo layouter för en målsida och en profilsida. Två fantastiska exempel på vad du kan göra med denna UI-kit och en liten Bootstrap-kunskap.

En annan cool funktion i denna UI-kit är gratis ikoner. Det här paketet levereras med 100 anpassade ikoner, designad speciellt för detta kit och de släpps gratis, tillsammans med nu UI-elementen.

Och nämnde jag alla fria komponenter, för? Du kan ställa in bildkaruseller, tabbad widgets, rullgardinsmenyer, datumväljare, anpassade modala fönster, ärligt allt du behöver för en helt ny webbplats.

Det förnekar det inte: Nu är användargränssnittet de UI-kit för Bootstrap 4. Om du vill tinker med biblioteket utan att det känns som Bootstrap då vill du ha en kopia av nu UI-paketet.

För en levande demo av alla funktioner, kolla även på huvudsidan inklusive komponenter. Du hittar nedladdning länkar för kodbiblioteket och PSD / Sketch-filer, tillsammans med dokumentation för att få alla komponenter inbyggda i din egen layout.

Och om du får det här på en levande webbplats, var noga med att dela ditt projekt med Creative Tim på Twitter @creativetim.