Software Alternatives, Accelerators & Startups

Purecss VS Flexbox Grid

Compare Purecss VS Flexbox Grid and see what are their differences

Purecss logo Purecss

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

Flexbox Grid logo Flexbox Grid

Grid based on CSS3 flexbox
  • Purecss Landing page
    Landing page //
    2022-04-18
  • Flexbox Grid Landing page
    Landing page //
    2023-09-21

Purecss videos

CSS Flexbox layout with inline-block fallback using PureCSS grids

Flexbox Grid videos

No Flexbox Grid videos yet. You could help us improve this page by suggesting one.

+ Add video

Category Popularity

0-100% (relative to Purecss and Flexbox Grid)
CSS Framework
83 83%
17% 17
Development Tools
100 100%
0% 0
Design Tools
78 78%
22% 22
Website Builder
0 0%
100% 100

User comments

Share your experience with using Purecss and Flexbox Grid. For example, how are they different and which one is better?
Log in or Post with

Reviews

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

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.).
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...
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...

Flexbox Grid Reviews

Top 5 Bootstrap Alternatives
The Flexbox Grid, as the name suggests, is a grid system based on the CSS Flexbox properties. However, unlike the CSS technique, all the complexity is nicely abstracted away so that you focus only on placing elements the way you want. The best part is that all the code and class names mimic what you’d want in Bootstrap 4, which means switching between these two tools...
Source: geekflare.com

Social recommendations and mentions

Purecss might be a bit more popular than Flexbox Grid. We know about 8 links to it since March 2021 and only 7 links to Flexbox Grid. 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.

Purecss mentions (8)

View more

Flexbox Grid mentions (7)

  • I'm currently in the interview process for a Jr. Full Stack Developer position, and I was given this take-home test that has me on the verge of pulling my hair out.
    Not that everyone is the same but here's what I would do. 1) Start with how the data is organized by using Postman to fetch the JSON because they will give me an idea of the kind of data and how I should interact 2) Then proceed to the things I don't know well. In my case, Tabindexes: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex Aria-labels:... Source: about 1 year ago
  • Why is tailwind so hyped?
    May you provide a specific scenario? A decade old 960gs provide a custom grid that could be easily tuned to any "proportion of the screen". Random super minimalistic http://flexboxgrid.com/ from the 10 seconds google search had a flex-basis param that could tune grid on the fly. Every other modern "flex css grid framework" has mediaqueries and basic components slapped on top. Barebones grid and flexbox provide... Source: over 1 year ago
  • Tailwind is now the most popular CSS framework in NPM
    Here is a great CSS library that is just the column system. http://flexboxgrid.com/ It has the same naming as bootstrap. I personally just use flex and grid since it so powerful I have no need for a grid system. I just use grid template columns and then flex for pretty much everything else. Tis is why I love Tailwind CSS. It so much more powerful it has all the break points for you and then just lets you get to... Source: over 1 year ago
  • Massive use of div containers in Yelp.com: is that really necessary?
    If it helps this is my go-to flex grid system when I start a new project. I usually build the big blocks using the utility classes provided by flexboxgrid (which is percentage-based), and then go in each component and fine tune each one. I also extended it a little bit to cover some uses cases that I felt it missed. Source: over 1 year ago
  • How to use this bootstrap grid alternative?
    Did you check out it's documentation? http://flexboxgrid.com/. Source: over 2 years ago
View more

What are some alternatives?

When comparing Purecss and Flexbox Grid, you can also consider the following products

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

Simple Grid - Responsive & lightweight CSS grid for your website.

Materialize CSS - A modern responsive front-end framework based on Material Design

FlexboxPatterns - Build awesome user interfaces with CSS flexbox

Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.

Lucas Gruwez - 🏊 + ⛵️ + 👨‍💻 | 🇦🇺 ↔️ 🇧🇪