Skoro przygotowaliśmy listę miejsc, z których projektanci mogą pobrać elementy UI to nie mogliśmy zapomnieć o web developerach 🙂 Przedstawiamy wam zestawy interfejsu użytkownika oparte najczęściej na Bootstrapie w HTML/CSS. Większość zestawów jest darmowa, dlatego korzystajcie i ułatwiajcie sobie pracę!
Get Shit Done Kit
To zestaw elementów interfejsu oparty na framework’u Bootstrap. Ekipa z Creative Tim przeprojektowała wszystkie komponenty na płaskie i minimalistyczne. W skład tego zestawu UI wchodzą: buttony, menu, dropdowny, elementy nawigacyjne, paski postępu, suwaki, check boxy, efekt karuzeli, typografię itp. Jest on wyposażony w niezbędny CSS i świeżą paletę kolorów. Get Shit Done jest uznawany za wyznacznik dobrego interfejsu. Żeby rozpocząć, uwzględnij ‚css/get-shit-done.css’ w szablonie HTML.
Bootflat
Bootflat jest open source’sowym zestawem UI w stylistyce flat oparty na Bootstrap 3.3 CSS. Znajdziecie tu czyste i minimalistyczne komponenty do tworzenia interfejsów: stron internetowych, landingi czy aplikacje iOS i Android. Do wykorzystania są takie elementy jak próbki kolorów, labels, dropdowny, popovery, kalendarze, typografia, footery, tabele czy ikony.
Flat UI
Kolejny zestaw UI oparty na framework’u Twitter Bootstrap 3. Flat UI Free zawiera wiele podstawowych i złożonych elementów: buttony, radio buttony, menu, dropdowny, paski postępu, suwaki, pola wyboru, elementy nawigacyjne itp. Kolorowe, stylowe ikony mogą być łatwo modyfikowane i wykorzystywane w wielu różnych projektach. Glify dostępne są w formatach PSD, HTML / CSS i SVG. Z tym zestawem na pewno spędzicie mniej czasu na rutynowej pracy. Polskim akcentem stanowi typografia – w tym zestawie to font Lato stworzony przez Janusza Dziedzica. Płatna wersja dla developerów od $39.
UI Kits od PixelKit
PixelKit może pochwalić się kolekcją wielu gotowych zestawów z elementami interfejsu. Te dostępne w HTML i PSD to m.in.: Shapes, Spicy Treats (restauracja), Funky Tunes, City Break (hotel) czy Vanilla Cream, doskonale nadają się na stronę bistro czy kawiarni.
Wersje oparta na Boostrap z HTML dostępne tylko w koncie developerskim, którego koszt wynosi $89 rocznie.
Pure CSS
Zestaw małych modułów CSS na bazie Pure, które można wykorzystać w każdym projekcie internetowym. W skład zestawu wchodzą tabele, przyciski, elementy nawigacyjne, menu, formy itp. Zobaczcie przykłady stworzonych stron tutaj. Mało ważące pliki CSS zapewniają ładowalność strony na smartphonach.
Responsive Flat UI
Responsive Flat UI to gotowy zestaw UI zbudowany w oparciu o Bootstrap.
CSS Flow
6 zestawów UI stworzonych w CSS w oparciu o Sass. W każdym znajdziecie grupy przycisków, dropdown’y, pola tekstowe, walidacje, rozwijane listy, pola wyboru, przyciski radiowe, tabele, nagłówki, paski postępu czy komunikaty alarmowe. Zestawy w pełni funkcjonują na każdej przeglądarce bez JavaScriptu. Możecie kupić wszystkie zestawy w łącznej cenie $49. Ceny jednego zestawu od $9.
UI Kit
Zestaw dostępny na Codepen. Flatowe przyciski, menu bar’y i wyszukiwarka.
Almost Flat UI
Zestaw elementy interfejsu użytkownika oparty na Foundation Framework 5.2.2
Dostępne są przyciski, formy, nawigacja, nagłówki czy komponenty CSS i JavaScript.
Spot UI Kit
Rozbudowany zestaw interfejsu użytkownika stworzony w HTML5/CSS3 oparty na Bootstrapie. Jest on zoptymalizowany pod ekrany Retina i kompatybilny ze wszystkimi przeglądarkami.
Square UI Kit
Kolejny zestaw UI HTML5/CSS3 w oparciu o Bootstrap.