DEV Community

Cover image for 10 best responsive front-end framework you should know about🔥
Satyam Pandey
Satyam Pandey

Posted on

10 best responsive front-end framework you should know about🔥

Frameworks are based on precompiled CSS and common HTML that provide a structure, a framework if you will, for you to base your website on. Frameworks are designed to get you up and running with a functional fast and easy.

1. UIkit

Alt Text

A lightweight and modular front-end framework for developing fast and powerful web interfaces that comes with its own SVG icon font and a number of components.

2. Foundation

Alt Text

The most advanced responsive front-end framework in the world.

3. Bulma

Alt Text

Bulma is an open-source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.

4. MaterializeCSS

Alt Text

A modern responsive front-end framework based on Material Design. It's really simple to use.

5. Material-UI

Alt Text

A CSS Framework and a Set of React Components that Implement Google's Material Design.

6. MiniCSS

Alt Text

Responsive, style-agnostic CSS framework.

7. Skeleton

Alt Text

A Beautiful Boilerplate for Responsive, Mobile-Friendly Development.

8. Bootstrap

Alt Text

Simple and flexible HTML, CSS, and JS for popular UI components and interactions.

9. Element UI

Alt Text

Element, a Vue 2.0 based component library for developers, designers and product managers.

10. Purecss

Alt Text

A set of small, responsive CSS modules that you can use in every web project.

Alt text of image

Top comments (7)

Collapse
 
bizzibody profile image
Ian bradbury

Semantic has not been updated since 2018 - you should check this stuff before writing these kinds of posts.

The project was forked and since had been called Fomantic-Ui Had you checked you’d know that.

Collapse
 
satyampandey24 profile image
Satyam Pandey

Thank you, Ian Bradbury :) for your comment definitely going to edit this.

Collapse
 
iceman44 profile image
Iceman44

I am so glad you added pure to the list. It definitely needs an update but for a quick light weight project - pure is pretty reliably and snappy.

Collapse
 
satyampandey24 profile image
Satyam Pandey

Thank you :) Yeah totally agree with you.

Collapse
 
satyampandey24 profile image
Satyam Pandey

Glad you liked it :) Great choice, bulma is very clean and lightweight framework.

Collapse
 
matthieumaubernard profile image
Matthieu Maubernard

Hello,
I think youv Aldo forgot TailWindCSS one of the biggest framework of this year

Collapse
 
olton profile image
Serhii Pimenov

maybe someone will be interested Metro 4 component library - metroui.org.ua