Teraz UI Kit - Definitívne Bootstrap 4 GUI

Ako vývojári frontend dychtivo očakávajú oficiálne vydanie Bootstrapu 4, sme skimming podrobných sprievodcov pokrývajúci úžasné nové funkcie. Avšak netrpezlivá vôľa ponorte sa priamo do BootStrap 4 a začnite sa učiť, ako to funguje dnes. To je miesto, kde GUI kit môže pomôcť.

Creative Tim vydala Teraz UI Kit keď Bootstrap 4 bol stále v počiatočnom vývoji alfa. Ale je to jeden z najlepších UI kitov a je to určite najlepšie pre stránky BootStrap 4.

Súprava podporuje všetky typické komponenty Bootstrap a je úplne zadarmo používať a upravovať.

UI dizajn prechádza na úplne novú úroveň prispôsobenie rádiových tlačidiel, začiarkavacie políčka, a dokonca pridaním vlastných posuvníkov na zapnutie / vypnutie. Textové vstupy majú svoje vlastné štýly pre úspech / neúspech pri kontrole overovania a poskytne vám plnú kontrolu nad všetkými týmito štýlmi v CSS.

Chcete ešte lepšie správy? Táto príručka používateľského rozhrania prichádza oba nespracované súbory HTML / CSS a digitálne súbory PSD / Sketch. Takže v skutočnosti môžete vyfotografovať celé rozloženie Bootstrap 4 vo Photoshope a potom kód rozložiť pomocou tejto súpravy nad BS4. Cool, správne?

Creative Tim dokonca zašiel tak ďaleko vytvorte kompletné rozloženie demo pre vstupnú stránku a stránku profilu. Dva úžasné príklady toho, čo môžete urobiť s touto pomôckou UI a trochu znalosť Bootstrap.

Ďalšou cool funkciou tejto súpravy používateľského rozhrania je free iconset. Tento balík je dodávaný s 100 vlastných ikon, navrhnuté špeciálne pre túto súpravu a sú uvoľnené zdarma spolu s prvkami Now UI.

A spomenul som všetko bez komponentov, tiež? Môžete nastaviť obrazové kolotoče, miniaplikácie s tabuľkami, rozbaľovacie ponuky, výbery dátumov, vlastné modálne okná, čestne všetko, čo by ste potrebovali na zbrusu novú webovú stránku.

Nie je to popieranie: Teraz je používateľské rozhranie UI kit pre Bootstrap 4. Ak chcete mať knižnicu bez toho, aby sa cítil ako Bootstrap potom budete chcieť kópiu súpravy Now UI Kit.

Pre živé ukážky všetkých funkcií si pozrite hlavnú stránku vrátane komponentov. Nájdete tu stiahnutie odkazy pre knižnicu kódov a súbory PSD / Sketch, spolu s dokumentáciou na vytvorenie všetkých týchto komponentov vo vašom vlastnom usporiadaní.

A ak sa dostanete na živé webové stránky, nezabudnite zdieľať svoj projekt s Creative Tim na Twitteru @creativetim.