25 Useful Front-end Frameworks & Libraries

Here are 25 useful front-end frameworks & libraries to save you from having to re-invent the wheel and help alleviate some of the overhead when you’re building a new site.

Base

A Rock Solid, Responsive HTML/CSS Framework built to work on all devices big and small.

A Rock Solid, Responsive HTML/CSS Framework

Wee

Wee, a lightweight front-end framework for logically building complex, responsive web projects.

wee

Caramel

Caramel is a simple, modern, responsive website framework. Caramel is fully responsive, meaning you only need to write code once, to have the same results across multiple platforms.

caramel

Tachyons

It’s a collection of 48 self contained modules that can be mixed and matched or used independently. Pick what you want, leave the rest.

tachyon

Corpus

A collection of CSS things.

corpus

Kraken

Kraken is powered by Gulp.js, a build system that minifies and concatenates your Sass and JavaScript, auto-prefixes your CSS, runs unit tests on your scripts, optimizes your SVGs, and creates SVG sprites.

kraken

Spacebase

spaceBase is the front-end starter files for any new web project. It sets up your Sass architecture and normalizes your CSS and native HTML elements. It provides the structural groundwork for your application.

spacebase

Blackhole

Blackhole is a minimalistic, semantic, modular, but powerful and flexible SASS / CSS framework with the sole purpose of offering developers a new approach on how they architect their websites / apps, aiming in making their work easy and pleasurable and giving the possibility of modifying and extending it the way they want.

blackhole

Marx

If you don’t need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you. It can be used out of the minified box but it can also be customised and styled through the use of HTML classes.

marx

Patternfly

PatternFly is a community of designers and developers collaborating to build a UI framework for enterprise web applications.

A community of designers and developers collaborating to build a UI framework for enterprise web applications.

SkyBlue CSS Framework

SkyBlue is a minimal framework that is meant to be starting point for web projects.

skyblue css framework

Picnic CSS

Unpack your meal and get coding. An invasive CSS library to get your style started.

Picnic CSS

Lost

Lost Grid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS. You can think of it like the Autoprefixer of grid systems.

lost grid

CSSgram

CSSgram is a library for editing your images with Instagram-like filters directly in CSS.

CSSgram

Animate Plus

Animate Plus is a CSS and SVG animation library for modern browsers. Animate Plus is performant and lightweight, making it particularly well-suited for mobile.

Animate plus

Odometer

Odometer is a Javascript and CSS library for smoothly transitioning numbers.

odometer

Tuesday

Tuesday is an stand-alone library you can use without any dependencies, but you can use Tuesday alongside other animation libraries as well.

tuesday

Motion UI

A Sass library for creating flexible CSS transitions and animations.

Motion UI

Littlebox

Pure CSS icon library.

littlebox

Dragula

Have you ever wanted a drag and drop library that just works? That doesn’t just depend on bloated frameworks, that has great support?

dragula drag drop library

MetricsGraphics

MetricsGraphics.js is a library optimized for visualizing and laying out time-series data.

MetricsGraphics.js

Hopscotch

Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.

Hopscotch

Toggles & Switches

A declarative pattern for applying CSS states and animations based on user interaction.

Toggles & Switches

Buttons

Buttons is a highly customizable production ready mobile web and desktop css button library. Buttons is free and open source.

button CSS library

Wisteria

The best HTML-driven prototyping tool for designing in browser.

wisteria