2019 List of CSS Libraries

<style> .credits,.right,#header{display:none;} .page-by{text-align: right;} </style>

Great CSS Libraries:

• Tailwind
• UIKit
• UIKit 2
• Official Material Design (By Google)
• Buddy
• Material(Library name)
• Materialize
• NG Prime
• Material Design Lite
• MUI
• Surface
• MDB (Material Design Bootstrap)
• [https://sap.github.io/ui5-webcomponents/]

Prebuild components libraries:

These will work but are not really preferable if your goal is custom design, if your goal is quick implemnentation of functionality with an interface that is responsive and looks good with minimal customisation then these are for you.

• Angular Material
• Nebular
• Bit
• Clarity
• NXG Bootstrap
• NG Bootsrap not the same as aboe
• Onsen
• Vaadin
• NG Semantic UI
• NG Zorro

CSS Libraries with a different flavour

Unconventional approach to visual applications development using css classes.

• Sparkbox
• 30 seconds of CSS
• Grid go Flex
• Instagram CSS
• Splitting
• Katana
• Cirrus
• Frow
• Biomatic

CSS generators

Online apps that generate the CSS for you.

• How CSS works
• 100 Days of CSS
• FE Design Checklits
• Learn Flexbox
• What is modular Flexbox
• Atomic Bulldog
• Half-tone Effect
• CSS Generators
• SVG Loader
• Boilerform
• Epic Spinner
• NZBIN Spinners
• Repaintless.css
• Scroll-out
• Wicked CSS
• Grid Layout
• CSS GR
• Triangularify
• Ins GRID
• Duo Tone
• Fancy border radius
• AnimTrip
• Simpler Bar

CSS Tools

Tools that solve CSS problems

• Purgecss
• Cheat Sheet

CSS Examples

Online CSS examples

• Air Bomb
• Solar System
• Snakes and ladders

CHEAT SHEET

• Cheatsheet

Curated by Cliff Crerar