DEV Community

Cover image for 10 best responsive front-end framework you should know aboutšŸ”„
Satyam Pandey
Satyam Pandey

Posted on

19 1

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

Sentry image

See why 4M developers consider Sentry, ā€œnot bad.ā€

Fixing code doesnā€™t have to be the worst part of your day. Learn how Sentry can help.

Learn more

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

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

šŸ‘‹ Kindness is contagious

Please leave a ā¤ļø or a friendly comment on this post if you found it helpful!

Okay