Free Resources

A curated list of free resources for Bootstrap, Material Design, HTML5, CSS3.

Front-End Frameworks

The front-end frameworks(libraries) is pre-written code that helps save time by providing a base to build on with flexibility in the final design.

Name Description
Bootstrap The most popular front-end framework for developing responsive, mobile first projects on the web.
Foundation The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

Material Design

Material Design is a design system that Google developed in 2014. Build beautiful, usable products faster.

Name Description
Material Design Official Website. Material Design is an adaptable system—backed by open-source code.
Material Design Lite Material Design Lite lets you add a Material Design look and feel to your websites. This project created and maintained by Google.
MUI Material Design CSS Framework. MUI is a lightweight CSS framework that follows Google's Material Design guidelines
Daemonite Bootstrap Material UI Daemonite's Material UI is a cross-platform and fully responsive front-end interface based on Bootstrap 4.
Bootstrap Material Design Material design theme for Bootstrap 3 and 4. It is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS.

CSS Frameworks

The front-end frameworks(libraries) is pre-written code that helps save time by providing a base to build on with flexibility in the final design.

Name Description
PureCSS A set of small, responsive CSS modules that you can use in every web project.
Primer The CSS design system that powers GitHub.
Tailwind A utility-first CSS framework for rapidly building custom designs.
Semantic UI Semantic is a UI component framework based around useful principles from natural language.
Normalize Modern, HTML5-ready alternative to CSS resets.

Fonts & Icons

The front-end frameworks(libraries) is pre-written code that helps save time by providing a base to build on with flexibility in the final design.

Name Description
Google Fonts Google Fonts is a library of 980 free licensed font families, an interactive web directory for browsing the library, and APIs for conveniently using the fonts via CSS and Android.
Font Awesome The web's most popular icon set and CSS toolkit.
Material icons Material design system icons. Material icons are delightful, beautifully crafted symbols for common actions and items.
Octicons Octicons are a set of SVG icons built by GitHub for GitHub.

Static Site Generators

Enabling you to build static HTML pages using templates

Name Description
Hugo The world’s fastest framework for building websites. Written in Go.
Jekyll Jekyll is a simple, blog-aware, static site generator for personal, project, or organization sites. Written in Ruby.

Toolkits

The front-end frameworks(libraries) is pre-written code that helps save time by providing a base to build on with flexibility in the final design.

Name Description
Sass The most mature, stable, and powerful professional grade CSS extension language.
Gulp Gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow
Bourbon Lightweight Sass tool set.