Lista najmnniejszych i najprostszych bibliotek css z myślą o urządzeniach mobilnych oraz "custom" stronach lub aplikacjach webbowych. Wszytskie oparte na systemie wierszy i 12 kolumn.


simplegrid-1

Simple Grid

To jedno z najmniejszych frameworków CSS z jakich korzystam. Warto pamiętac że css grid jest obslugiwany tylko przez te nowsze przeglądarki, ale daje duże pole do popisu pod względem layoutu, powoli nowy standart w UX / UI. Simple grid jest tylko do ściągnięcia, naprawde bez wzgędne minimum jeżeli chodzi o style css.

  • typo (H1, H2, H3, H4, H5)

skeleton

Skeleton

To dośc skromna biblioteka, przeznaczona glownie na urządzenia mobilne.

  • typo (H1, H2, H3, H4, H5)
  • listy
  • Formularze
  • buttons / guziki
  • table

purecss

Pure CSS

Pure daje o wiele więcej niż simple grid, mamy przedeswszytskim już obsluge przez npm, cdn, tworzenie wlasnego build'a przez grunt, bower, composer.

  • typo (H1, H2, H3, H4, H5)
  • buttons / guziki
  • formularze
  • nawigacja
  • table

picnic

  • typo (H1, H2, H3, H4, H5)
  • listy
  • formularze
  • buttons / guziki
  • nawigacja
  • table
  • tooltips
  • tabs

beauter-1
Beauter to wlasciwe mniejsza alternatywa do bootstrapa, nawiązująca do material design proponuje wlasciwie pelny framework css

  • typo (H1, H2, H3, H4, H5)
  • isty
  • table
  • jumbo
  • zdjecia (filtry i ramki)
  • modal / pop up
  • nawigacja
  • Parallax
  • alerty
  • tooltips
  • buttons
  • formularze
  • progress bars

mini

Mini.css

Mini oferuje aż 5 przygotowanych theme / stylów css, dodatkowo na swojej stronie zawiera dośc dużo dokumentacji i tutoriali dotyczących implementacji frameworku.

  • typo (H1, H2, H3, H4, H5)
  • listy
  • zdjęcia (filtry i ramki)
  • przygotowane layouty
  • formularze
  • przelączniki
  • buttons / guziki
  • nawigacja / Sticky / fixed
  • table
  • tooltips
  • modale / pop up

spectrecss

Spectre oprócz standardowych modulów także zapewnia pakiet ikon oraz wersje SASS i LESS. Dla wtajemniczonych w te preprocesory css można szybko z tego frameworka zrobic dowolny theme.

  • typo (H1, H2, H3, H4, H5)
  • listy
  • formularze
  • buttons / guziki
  • nawigacja
  • table
  • tooltips
  • tabs
  • zdjecia
  • SASS
  • LESS
  • sliders
  • timelines
  • loading circle
  • ... i wiele innych