Foundation VS Purecss

Foundation

The most advanced responsive front-end framework in the world

Purecss

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

Landing page //
2022-07-20

Landing page //
2022-04-18

BEST & WORST NEW FOUNDATIONS

Purecss videos

+ Add

CSS Flexbox layout with inline-block fallback using PureCSS grids

Category Popularity

0-100% (relative to Foundation and Purecss)

Purecss

CSS Framework

66 66%

CSS Framework

34% 34

Design Tools

71 71%

Design Tools

29% 29

Development Tools

65 65%

Development Tools

35% 35

Developer Tools

73 73%

Developer Tools

27% 27

User comments

Share your experience with using Foundation and Purecss. For example, how are they different and which one is better?

Reviews

These are some of the external sources and on-site user reviews we've used to compare Foundation and Purecss

Foundation is a responsive front-end framework with CSS and JavaScript components for building modern, mobile-friendly websites. It offers a comprehensive toolkit with a modular approach, allowing developers to customize and tailor their designs to meet specific project requirements.

Source: www.uxpin.com

Top 10 Best CSS Frameworks for Front-End Developers in 2022

One of the most advanced and sophisticated UI frameworks, Foundation enables quick website development. Just like Bootstrap, Foundation follows a mobile-first approach and is fully responsive. It is very suitable for huge web applications that need a lot of styling. Foundation is customizable, flexible, and semantic. And, there are over 2k contributors on Github and decent...

Source: hackr.io

15 Best CSS Frameworks: Professional Bootstrap and Foundation Alternatives

Bulma is one of the most popular alternatives to Bootstrap and Foundation. It is an entirely free, open-source CSS framework that does not have a steep learning curve. No prior CSS knowledge is required to use Bulma.

Source: www.webdesignerdepot.com

10 of the Best Bootstrap Alternatives

Like Bootstrap, Foundation is also responsive and modular, making it perfect for developing websites that work equally well on all devices. Foundation also comes packed with tons of features, such as menus, buttons, form elements, carousels, and more. The Foundation framework is what you might call a highly responsive and detailed network of front-end software that makes it...

Source: thetechhacker.com

Best CSS Frameworks in 2019

Foundation is the last framework for us to consider. It is a full-featured, flexible CSS framework aimed at professionals and large businesses.

Source: www.codeauthority.com

Purecss Reviews

Top 10 Best CSS Frameworks for Front-End Developers in 2022

At only 3.7 KB minified, Pure is the most compact CSS Framework around. Out of all the CSS frameworks, Pure will help you create awesome CSS Code without sacrificing space. You can add pure-min.css through free unpkg CDN in your code to use Pure. You can also install Pure using a package manager like npm, Grunt, etc.

Source: hackr.io

15 Best CSS Frameworks: Professional Bootstrap and Foundation Alternatives

We consider Pure a minimalist alternative to Bootstrap that offers every module a beginner needs (navigation menu, grid, tables, etc.).

Source: www.webdesignerdepot.com

10 of the Best Bootstrap Alternatives

Pure is a lightweight CSS framework that’s designed specifically for mobile. It uses Normalize.css and offers design and styling to local HTML components in addition to the most well-known user interface components. Minimalism is based on Pure, which is incredibly little; a complete set of modules weighs in at 3.7KB* minified and gzipped, making it one of the tiniest...

Source: thetechhacker.com

Top 5 Bootstrap Alternatives

All the modules when bundled together and gzipped are 3.7 KB, although individually they amount to more. The grid module is just 0.8 KB, while the Base module is 1.0 KB. The team behind PureCSS says that it was built entirely with mobile devices in mind, and so every line of CSS was carefully scrutinized for efficiency before being included.

Source: geekflare.com

Bootstrap Alternatives 2019: Advanced CSS Frameworks for Developers

Pure is a clustered set of CSS modules, which might not sound convincing but it does well what is it designed for. The platform defines itself as a set of small responsive CSS modules which can be used in every project. Pure is incredibly tiny for a framework. Its entire set is sized at 3.8 KB. The platform is primarily designed with mobile devices in mind, which is why the...

Source: www.technadu.com

Social recommendations and mentions

Based on our record, Foundation should be more popular than Purecss. It has been mentiond 18 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Foundation mentions (18)

Front-end Framework: Comparing Bootstrap, Foundation and Materialize
Foundation is another popular open-source front-end framework, similar to Bootstrap, but with its own set of features and design principles. It was created by ZURB a design and development company in 2011. And is also maintained by a community of developers. - Source: dev.to / 8 days ago
I hate CSS: how can I build UIs?
Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy... - Source: Hacker News / 6 months ago
An Overview of 25+ UI Component Libraries in 2023
Just when we thought we'd seen it all, giants like Twitter Bootstrap, Foundation, and Bulma entered the scene. They made development quick and ensured consistent styling, but the flip side? Websites began feeling a bit too...uniform. - Source: dev.to / 8 months ago
Ur Go-To on UI with Flask?
Foundation is also easy to use since no one has mentioned it. Copy and paste, tons of templates ready to go. https://get.foundation/. Source: 11 months ago
Foundation: The Best Framework for Building Responsive Sites
Download the source files manually: You can download the source files by visiting https://get.foundation and clicking on "Download Foundation 6", which automatically downloads the CSS and JavaScript. Once you extract the Zip file, you can start creating excellent projects with Foundation. - Source: dev.to / about 1 year ago

Purecss mentions (8)

CSS framework for Dioxus + mobile
I found Pure.css and it looks nice but maybe there is something better? Source: 11 months ago
Is a website built completely on HTML, CSS and JS enough?
Some examples: - https://simplecss.org/ - https://purecss.io/ (I've used this one for over a decade and works great). Source: over 1 year ago
CSP nonce with Node.js and EJS
Now, to test our CSP, we just have to load some external resources. Let's bring on Pure.css and Lodash. Update index.ejs to look like this :. - Source: dev.to / almost 2 years ago
Bootstrap vs Tailwind
Personally I don't like either. Bootstrap seems too bloated and cookie-cutter, and Tailwind is inline styles and clutter. Lately I've used Bulma (CSS framework) and Buefy (Bulma + Vue) on a couple of projects. I also like the look of Pure CSS, but I haven't used it. Source: about 2 years ago
Just wondering...anyone else here use HTML, CSS, and Vanilla JS exclusively?
I use https://purecss.io/ all the time. Source: over 2 years ago