Introducing
The Slant team built an AI & itβs awesome
Find the best product instantly
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now
4.7 star rating
0
What is the best alternative to Flat Remix CSS?
Ad
Ad
Stylify
All
7
Experiences
Pros
7
Top
Pro
Intuitive selectors
It uses native CSS property:value selectors like color:blue or font-weight:bold as a selector.
See More
Top
Pro
Selectors minification
It shrinks long selectors such as font-weight:bold to _ab12.
See More
Top
Pro
Small CSS chunks
CSS can be generated for each file, page, layout or component separately. Selector is generated only once and reused when possible.
See More
Top
Pro
On demand generated CSS
It can generate CSS on demand for example inside the express request.
See More
Top
Pro
No dependencies required
It doesn't require any post or pre processor.
See More
Top
Pro
Seamless integration
It can be easily integrated into the Nuxt.js, Next.js. It works well along with Webpack, Rollup and Vite.js. The CSS can be generated easily for Symfony, Nette or Laravel.
See More
Top
Pro
Dynamic screens
Screens can be combined using logical operangs like sm&&tolg, xl||landscape and lg&&dark. The value for media queries can be dynamic like minw640px.
See More
Hide
See All
Experiences
Get it
here
13
0
Cirrus
All
5
Experiences
Pros
5
Top
Pro
Supports Flexbox and CSS Grid
Supports both Flexbox and CSS grid making it a great modern choice for designing web apps.
See More
Top
Pro
CSS Only
No additional JS/jQuery required to use.
See More
Top
Pro
Mobile Responsive
Extremely responsive and supports many smaller screens.
See More
Top
Pro
Open Source
Open source and quite actively maintained on Github.
See More
Top
Pro
Lightweight
Much smaller than Bootstrap with just as much flexibility.
See More
Hide
Free
19
2
Flutter
All
11
Experiences
Pros
5
Cons
5
Specs
Top
Pro
Open source
See More
Top
Con
Still in development
According to the website, Flutter is still in its early stages of development.
See More
Top
Pro
Great developer tools debug/hotreload/analyser
See More
Top
Con
Based on Dart language
Dart is a Java like language, easy to learn and startup fast for millions of Java developers. BUT if you have to learn it ... it's a con.
See More
Top
Pro
Based on Dart language
Dart is a Java like language, easy to learn and startup fast for millions of Java developers.
See More
Top
Con
Dart is unpopular and never gained serious community traction like Kotlin or Java
See More
Top
Pro
A single codebase for iOS AND Android
See More
Top
Con
Does not support 32-bit iOS devices
If you plan on targeting iPhone 5, 5C or earlier, you can forget about Flutter.
See More
Top
Pro
Fast
The developer's goal is to allow people to make apps running at 120 FPS.
See More
Top
Con
Google has a bad history with product loyalty
See More
Specs
Dev platforms:
Windows, Mac and Linux
Desktop targets:
announced Windows
Mobile targets:
Android and iOS
Popular Language Bindings:
Dart
Hide
See All
Experiences
Get it
here
211
32
Semantic UI
All
13
Experiences
Pros
8
Cons
5
Top
Pro
It's semantic
Uses semantic class names for its styling, making it easier to grasp and understand even for beginners looking to jump right in.
See More
Top
Con
Large file size
Packages are much bigger when comparing to Twitter Bootstrap or Zurb Foundation. Semantic UI is really extremely large and it would be better to use specific modules and components, rather than the whole thing.
See More
Top
Pro
Load only the components you need
The whole Semantic-UI package is well organized, with every component neatly set up with it's own stylesheet and JavaScript file. This way you can load only the components you need for each page, minimizing the load time and file size.
See More
Top
Con
Not maintained anymore
Use Fomantic-UI instead.
See More
Top
Pro
The elements offer a huge amount of customization, far beyond a framework like bootstrap
See More
Top
Con
Buggy
Contains a lot of UI inaccuracies, like wrong positioning, cannot mix classes, etc.
See More
Top
Pro
Beautifully designed
Semantic UI has a futuristic and beautiful design. Many will satisfied with the design, especially when Semantic UI is used as a CSS framework.
See More
Top
Con
Not for beginner developer/unfamiliar with Javascript
Many features in Semantic UI uses Javascript customization such as for Modal. This is unlike Bootstrap that can add Modal just with customizing the HTML attributes. Developers who plan to using Semantic UI must be familiar with Javascript or JQuery to get the most out of it.
See More
Top
Pro
It'll have almost any UI component/element you may think of for your project
It includes tons of UI components that you may need for almost any type of project you may work on; And of course, you can always only pick what you need.
See More
Top
Con
Small number of classes
Once you wanna do something that is not mentioned in the doc - prepare to spend an hour, then give up and implement a custom "workaround".
See More
Top
Pro
Well documented
The documentation is easy to use, well written and has lots of examples each with their source codes.
See More
Top
Pro
Official support for third-party applications
There are several official implementations of Semantic UI for many popular libraries, frameworks and CMS. Such as Angular or Wordpress.
See More
Top
Pro
Easy to use
Just start code from the beginning of the journey, from first page of documentation.
See More
Hide
See All
Experiences
Get it
here
257
65
W3Schools
All
9
Experiences
Pros
4
Cons
5
Top
Pro
Easy to learn
All the tutorials are written in a straightforward and easy to understand way.
See More
Top
Con
Outdated practices / problem solutions
The practices that are shown to solve the problems at hand are rarely, if at all, updated. Usually, their tutorials and learning material is updated only after they see their profits drop.
See More
Top
Pro
Built in editor
Almost every example has a "try it yourself" button which opens up an editor in a new tab. It allows you to play with the example code and see how it works.
See More
Top
Con
Doesn't care about teaching right
There are multiple errors in the data they show. Although the solutions they show work, they will lead to unmaintainable code. That happens even when the maintainable code alternatives are as easy or accessible to new programmers as the alternatives.
See More
Top
Pro
Well organized tutorials
All of the lessons are separated into their own pages, which makes it easy to learn about specific concepts.
See More
Top
Con
Certifications not recognized
Many professionals in IT agree that w3s certifications are not recognized by them and are deemed useless. Good luck finding any respectable professional that accepts a w3s certification.
See More
Top
Pro
Great source from Google search's perspective
See More
Top
Con
It is for profit
What defines what goes is and what gets fixed on w3schools is what gives them profit and what doesn't (through their ads system).
See More
Top
Con
Written tutorials only
While many learning resources offer a mixture of media in their courses (such as videos, challenges etc.), w3schools offers only written tutorials and code editors. This makes w3schools more beneficial as a quick reference rather than a primary learning resource.
See More
Hide
See All
Experiences
Get it
here
53
21
UiKit
All
12
Experiences
Pros
7
Cons
5
Top
Con
Messy code classes
Nested classes become complicated to read to obtain desired result.
See More
Top
Pro
Well architected
The code is pretty clean and follows well-defined conventions.
See More
Top
Con
Not very popular
UiKit is not a very popular framework, especially compared to other options. As such it may be hard to find learning resources other than the official documentation or it may be more likely for development of UiKit to be dropped than for another more popular framework
See More
Top
Pro
Ready to use themes available
There are plenty of ready to use themes available from the official website. You can choose the theme that you want to use from the dropdown menu and then download the CSS, LESS or SASS file for that theme to use for the website.
See More
Top
Con
Slow development
New features and updates trickle out over 6-12 month development cycles, bug fixes are more frequent but very slow and selective as well.
See More
Top
Pro
Easy to use.
When using UIKit classes, it is used with the ui- prefix which is very good. Components are explained straight-forward.
See More
Top
Con
Pre-built starter templates are now behind a paywall
Easier to use Joomla! or Wordpress starter templates without paying money for it.
See More
Top
Pro
Built-in animation capabilities
UiKit has some built-in animation features which can be used to animate various components.
See More
Top
Con
Closed development
Development is mostly done in-house and not publicly available.
See More
Top
Pro
Great style even out of the box
UiKit has a pretty good and clean style even out of the box without any customization needed.
See More
Top
Pro
Very customizable
UiKit's rather minimal style can be easily customizable to create an entirely new look to fit the needs of the designer.
See More
Top
Pro
Extremely modular
Every aspect of the framework is designed to be modular, this way designers can easily choose which components to add to their stylesheet without risking to damage the overall style.
See More
Hide
See All
Experiences
Get it
here
163
67
React
All
25
Experiences
Pros
16
Cons
8
Specs
Top
Pro
Easy to reuse components
Since every single UI component is created independently in JavaScript, it becomes very easy to reuse them throughout your app without having to re-write them.
See More
Top
Con
Heavy on memory
React's virtual DOM is fast, but it requires storing elements in the virtual and real DOM increasing memory usage for the page. This can be a real problem for single-page webapps designed to be left running in the background.
See More
Top
Pro
Supported by Facebook and Instagram
React is built by Facebook engineers initially to be used only for their inner projects especially to solve the problem of building large complex applications with constantly changing data.
See More
Top
Con
Template(view) mixed into code
See More
Top
Pro
Server side rendering
React can render it's components and data server side, then it sends those components as HTML to the browser. This ensures faster initial loading time and SEO friendliness out of the box, since it's indexed as any other static website by search engines.
See More
Top
Con
Verbose
React gets a little verbose as applications get more complicated with more components. It's simply not as straightforward as simply writing HTML and JavaScript would be.
See More
Top
Pro
Virtual DOM support
Instead of relying on the DOM, React implements a virtual DOM from scratch, allowing it to calculate precisely what needs to be patched during the next screen refresh. This is orders of magnitude faster than fiddling with the DOM itself.
See More
Top
Con
You have to learn a new syntax
Requires learning a custom syntax, JSX, that has some gotchas and introduce complexity, a steeper learning curve, and incompatibility with other tools. Though you can opt out from JSX and use vanilla JS instead. But that is not recommended since it adds a lot of unneeded complexity which JSX tries to avoid.
See More
Top
Pro
One-way data flow
React's one-way data binding (or one-way data flow) means that it's easy to see where and how your UI is updated and where you need to make changes. It's also very easy to keep everything modular, fast and well-organized.
See More
Top
Con
Not a complete solution
React does not do everything for the developer, it's merely a tool for building the UI of a web app. It does not have support for routing or models, at least not out of the box. While some missing features can be added through libraries, to start using React and use it in production, you still would need to have experience, or at least a good grasp on what the best libraries to use would be.
See More
Top
Pro
Can be used with different libraries
ReactJS can be used independently as the only library for building the front-end, or it can be used alongside JavaScript libraries such as jQuery, or even Angular.
See More
Top
Con
Large file size
React's react.min.js is 145.5KB in size. It's much larger than some other libraries that offer roughly the same features and it's almost the same size as some MV* frameworks such as Angular or Ember that offer more features out of the box. Although, it should be mentioned that sometimes having a smaller library may force developers to reinvent the wheel and write inefficient implementations on features that React already has. Ending up with a larger application that's harder to maintain and/or that has bad performance.
See More
Top
Pro
Template engine independent
React provides a template engine (JSX) which is easy to use. But it's not mandatory.
See More
Top
Con
Renders too frequently
See More
Top
Pro
Widely used
The framework is widely used in the industry.
See More
Top
Con
No support for legacy browsers
React has recently dropped support for Internet Explorer 8. While the library may still work on IE8, issues that affect only IE8 will not be prioritized and/or solved.
See More
Top
Pro
Functional programming style leads to less buggy UIs
See More
Top
Pro
Easy to write tests
Since React's virtual DOM system is implemented completely in JavaScript, it's very easy to write UI test cases.
See More
Top
Pro
Good debugging tools
React has an official Chrome Extension which is used as a developing and debugging tool. It can be used to quickly and painlessly debug your application or view the whole application structure as it's rendered.
See More
Top
Pro
Flux architecture pattern
Flux is a platform agnostic pattern which can technically be used with any application or programming language. One of Flux' main features is that it enforces uni-directional data flow which means that views do not change the data directly. With React this is useful because this way it's easier to understand an application as it starts getting more complicated. By having two-way data binding, lead to unpredictable changes, where changing one model's data would end up updating another model. By using the Flux architecture, this can be avoided.
See More
Top
Pro
Extensive SVG support
Since React v0.15, SVG is fully supported. React supports all SVG attributes that are recognized by today's browsers.
See More
Top
Pro
Keep control over your app's logic
React is just a view library, so you still have (almost) full control over how your app behaves.
See More
Top
Pro
Supported by ClojureScript libraries
Reagent, Om, Rum, etc.
See More
Top
Pro
Tested on Facebook itself
React is used on one of the most visited websites on the planet, Facebook. With stellar results and with millions of people experiencing it every day.
See More
Specs
GZipped size:
45K
Hide
See All
Experiences
Get it
here
246
101
Foundation
All
15
Experiences
Pros
11
Cons
4
Top
Con
Can be hard for beginners to grasp
Since Foundation is built to be customizable, it's default style may not be very appealing for most. While it's true that most production-ready websites shouldn't be using the default style of a css framework (they would all end up looking the same), this is even more true for Foundation.
See More
Top
Pro
Responsive design philosophy
Foundation allows designing for multiple screen sizes simultaneously easily, meaning your content will always fit.
See More
Top
Con
Needs more pre-built components
Example would be a scroll-spy not only for one cell, but cell to cell.
See More
Top
Pro
Uses REMs instead of pixels
Foundation uses REMs instead of pixels, meaning you don't have to state an explicit height, width, padding, etc, for every device. Simply put, using REMs means you can just state font-size: 80%; and have the whole component (and its nested elements) shrink by 20%. This is great for making your site mobile friendly. There is also a Sass function in Zurb that converts pixels to REMs so if you're used to thinking in pixels, you don't have to learn a different system.
See More
Top
Con
Not UMD pattern in core
This problem will bring attention when used with Angular, React and other JS framework. It is important to know that they create app version of this framework.
See More
Top
Pro
No style lock-in
Styles are purposefully undeveloped to encourage differentiation between different sites using Foundation.
See More
Top
Con
Documentation is a bit better than average
Documentation could be written better and clearer, with many more example than they currently have. Sometimes hard to find solutions for detailed css problems.
See More
Top
Pro
Block grid
Foundation has a feature called block grid. Block grid gives designers the power to divide the contents of an unordered list into a grid that is evenly spaced. Furthermore, Foundation also takes care of collapsing columns as well as removing gutters.
See More
Top
Pro
Easy customization
Just by looking at the name, Foundation merely provides designers with a foundation of sorts on which they can build their design. It can be customized easily through SASS, a powerful CSS pre-processor or by overriding the default CSS styles.
See More
Top
Pro
Easily extensible with a selection of add-ons
There's a variety of front-end templates, icon fonts, responsive table examples, SVG icons and stencils that help you quick-start or easily improve on your site.
See More
Top
Pro
Support for off-canvas navigation
Foundation comes with an easy way of creating off-canvas menus.
See More
Top
Pro
Uses Interchange to load responsive content
Foundation comes with Interchange, it makes use of media queries to load images responsively and create content that's suited to different browsers and devices.
See More
Top
Pro
RTL support
Allows easily changing text direction. <html class="no-js" lang="ar" dir="rtl">
See More
Top
Pro
Built-in form validation
Foundation comes with Abide plugin, an HTML5 form validation library.
See More
Top
Pro
Good mobile support
Foundation was one of the first frameworks to adopt a mobile-first philosophy. By focusing on mobile design first, Foundation makes designers think on what kind of content is important, relevant and interesting to the users without thinking too much on the space.
See More
Hide
See All
Experiences
Get it
here
186
80
Bootstrap
All
17
Experiences
Pros
12
Cons
5
Top
Con
Large file size out of the box
Bootstrap has an out-of-the box filesize of ~276K, which is pretty large considering it's just CSS. Most of those styles aren't even used in 90% of web pages built with Bootstrap. By only including the required styles it can be trimmed by 70%-75%.
See More
Top
Pro
Consistency across browsers
The grid layout with the predefined CSS elements and JavaScript components make it easier to have consistency across different browser versions and even different devices.
See More
Top
Con
Too many classes
Bootstrap's over-reliance on HTML classes for styling can get very messy very quickly. There's also an overabundance of DOM elements which have a lot of classes and are more often than not nested inside DOM elements with even more classes. This gets problematic down the line because the maintainability of the project gets harder when the project starts to get large.
See More
Top
Pro
Responsive design philosophy
Bootstrap is developed to be instantly compatible with all sizes of screens, so you don't have to worry about which device the user is accessing your site from. Yet if you prefer, you can disable responsiveness of Bootstrap.
See More
Top
Con
Websites can start to look the same
If the initial Bootstrap colors and styles are not changed or edited, different websites start looking the same even if they have nothing to do with each other and they are made by different developers.
See More
Top
Pro
Well documented
Documentation is thorough, well organized and full of live examples and templates ready for use. Every component and every part of the framework is explained and covered in depth.
See More
Top
Con
Hard to customise
It's quite hard to customise Bootstrap using pre-processors like SASS and LESS, the only real flexibility is with typography and colours.
See More
Top
Pro
Custom builds
If you don't want to download the full Bootstrap framework. Custom builds of Bootstrap can be created, including only the desired CSS, CSS components, and JavaScript components. This can be done directly from the Bootstrap website by simply choosing what components to download.
See More
Top
Con
Large font sizes
See More
Top
Pro
Designed to get a site running quickly
Bootstrap is designed to get a site up and running quickly. Each of it's components is pre-configured to help with getting a site up and running quickly.
See More
Top
Pro
Great community
Bootstrap is very popular and has a large community. As a result of this it is much easier to find help with anything you might need. This also gives you a treasure trove of prebuilt components to use and add to your site.
See More
Top
Pro
Supports responsive embeds
Allows easily adding responsiveness to <iframe>, <embed>, and <object> elements.
See More
Top
Pro
Easily make professional looking websites
Bootstrap makes it easy to learn how to make professional looking websites. It can even make code junkies semi-enjoy design.
See More
Top
Pro
Customizable
Bootstrap can be customized in a variety of ways. Either by overriding the default CSS styles with new CSS styles or by editing the .scss Bootstrap files.
See More
Top
Pro
A wide variety of themes available
To help you avoid the "Bootstrap look", there are many resources that provide a great selection of themes and templates for Bootstrap.
See More
Top
Pro
One of the most popular ones
Ranked on GitHub as the most starred CSS repository.
See More
Top
Pro
Builders
Builders available, such as Pingendo and Layoutit.
See More
Hide
See All
Experiences
Free / paid
337
137
Materialize
All
15
Experiences
Pros
11
Cons
4
Top
Con
Refuses to use the flexbox model
Even though Materialize states that it only supports IE10+, which supports flexbox quite well, with prefixes, Materialize has refused to use Flexbox.
See More
Top
Pro
Great-looking demo
See More
Top
Con
Not maintained anymore
See More
Top
Pro
Device agnostic
Since Materialize follows Google's guidelines for Material design, which in theory is device agnostic, Materialize itself is device agnostic too. It's designed to look good on every device.
See More
Top
Con
Large / heavy
267 kilobytes, minified, for the CSS and JS.
See More
Top
Pro
Large selection of components
CSS components: Badges, buttons, cards, collections, footer, forms, icons, navbar, pagination, preloader. JavaScript components: Collapsible, Dialogs, Dropdown, Media, Modals, Parallax, Pushpin, ScrollFire, Scrollspy, SideNav, Tabs, Transitions, Waves. Mobile-specific: slide-out drawer menu, toasts.
See More
Top
Con
Deprecated
No longer supported by their maintainers.
See More
Top
Pro
Responsive
See More
Top
Pro
Mobile navigation
See More
Top
Pro
Nice showcase of sites built with Materialize
See More
Top
Pro
Customizable
While the default style is not bad at all, Materialize also gives developers the ability to customize it and fit their own style, while still keeping in line with the Material Design philosophy. Along with the CSS files, designers can also download the SASS files which can be edited and compiled.
See More
Top
Pro
12-Column Grid System
See More
Top
Pro
Included icon font
See More
Top
Pro
Meteor.js integration by developers
See More
Top
Pro
Opinionated
Material design is very opinionated on how design elements should behave and look. The basics of which revolve around certain visual elements (physics, space, momentum and light) which are used to create specific UX elements. This is very helpful because it creates a consistent feel without making every design look the same. This can be seen in Materialize too, where each element may be customized but still it keeps the consistent look of the material design.
See More
Hide
See All
Experiences
Get it
here
179
85
Skeleton
All
6
Experiences
Pros
5
Cons
1
Top
Con
Not maintained anymore
No active development for two years.
See More
Top
Pro
Lightweight
See More
Top
Pro
Responsive grid
See More
Top
Pro
Style agnostic
See More
Top
Pro
Vanilla CSS
No bells and whistles for Skeleton, it's just CSS.
See More
Top
Pro
Media queries
See More
Hide
Get it
here
68
37
Material Design Lite
All
4
Experiences
Pros
2
Cons
2
Top
Pro
Developed by Google
Material Design Lite is a framework created by Google, who are also responsible for the creation of Material Design.
See More
Top
Con
Deprecated
No longer maintained
See More
Top
Pro
Very customizable
See More
Top
Con
On limited support
Google moved further development efforts to Material Components for the web.
See More
Hide
Get it
here
51
31
mini.css
All
11
Experiences
Pros
8
Cons
3
Top
Con
Archived
Git repo has been archived so it's pretty unlikely to receive bug fixes or new features.
See More
Top
Pro
Flexbox-based
The whole framework is built on flexbox and works really well on most platforms.
See More
Top
Con
Not widely used
A large community is always an advantage especially for open source projects. It means better documentation, continued development, and lowers the possibility for the project to be abandoned in the future since the probability for someone from the community to keep maintaining it is larger if the community is larger.
See More
Top
Pro
Active developer
The developer is actively maintaining the project and responding to any issues and questions.
See More
Top
Con
Single developer
There is no team developing this framework, except one guy.
See More
Top
Pro
Minimal
The framework is really tiny, under 7KB gzipped. This is what makes mini.css stand out, because it looks like a pretty powerful library and it still is under 10KB.
See More
Top
Pro
Responsive
It works great on all devices, mobile websites are really easy to develop and view.
See More
Top
Pro
Style-agnostic
Few flavours so far, but there is a lot of space for customization.
See More
Top
Pro
Great documentation
From basic syntax, templates, examples, customization to-dos and don'ts. The documentation is pretty great.
See More
Top
Pro
Supports CSS custom properties (var)
No other framework supports CSS variables right now (as of November 2017). The latest alpha of mini.css supports this feature, making customization even easier.
See More
Top
Pro
Accessible
ARIA rules are a priority and it works very well for all users. Works really well with screenreaders.
See More
Hide
See All
Experiences
Get it
here
42
26
Spectre
All
7
Experiences
Pros
6
Cons
1
Top
Con
Not actively developed
See More
Top
Pro
Lightweight
See More
Top
Pro
Clean
Very clean design compared to bootstrap.
See More
Top
Pro
Responsive
Works well on any device.
See More
Top
Pro
Mobile ready
Spectre can be used to create mobile websites easily. With all the regular built in elements (buttons, menus, grids etc).
See More
Top
Pro
Simple
Contains only the basics, no extra fluff.
See More
Top
Pro
Open source
Spectre is used through Github, and is open source.
See More
Hide
See All
Experiences
0
40
25
WebUI
All
6
Experiences
Pros
6
Top
Pro
Scalable CSS transform and SVG shapes
WebUI includes scalable CSS transform shapes and scalable clip-path shapes.
See More
Top
Pro
Supports build customisation
Build customisation allows components that aren't required to be excluded using SASS includes and grunt tasks.
See More
Top
Pro
Full support for flexbox
WebUI includes a full range of flexbox classes, including breakpoint specific classes based on REM units.
See More
Top
Pro
Multiple grid systems out of the box
WebUI includes a flexbox, a table, and standard grid systems. These grid types can be used in combination and together.
See More
Top
Pro
Generic design
Every component is built to be generic and interchangeable. For example, there are no restrictions on where grids, containers, menu buttons, or dropdowns can be used.
See More
Top
Pro
Powerful tooltip system
The tooltip system includes viewport boundary collision detection, auto positioning and auto sizing for small viewport areas, configurable boundary margins, and many behavioral settings, such as focus, hover, static, nohide.
See More
Hide
Free
7
5
Pure CSS from Yahoo!
All
6
Experiences
Pros
5
Cons
1
Top
Pro
Easy to customize
Has an extremely minimalist look that is super-easy to customize since it basically gives designers just a foundation on which they can easily build their design.
See More
Top
Con
Not suitable for beginners
Since Pure CSS only carries a minimum number of styles out of the box, it might not be great for beginners who want a complete style that looks good out of the box without having to customize it.
See More
Top
Pro
Cross-Browser compatibility
A solid base built on Normalize.css to fix cross-browser compatibility issues.
See More
Top
Pro
Lightweight
Extremely small file size: 4.5KB minified + gzip.
See More
Top
Pro
Responsive
A responsive grid that can be customized to your needs.
See More
Top
Pro
Works well with Bootstrap
Easily use Bootstrap CSS and JS elements within the framework.
See More
Hide
Get it
here
30
21
Material UI
All
3
Experiences
Pros
2
Cons
1
Top
Pro
Adheres really well to the material design standard
Really nice implementation so far
See More
Top
Con
Active development means API changes are frequent
Might be a problem for large projects, but since active development is a good thing, you should consider this rather mild inconvenience weighed against the benefits.
See More
Top
Pro
Perfect for React projects
Really convenient and easy to use components
See More
Hide
0
25
23
Galaxy
All
3
Experiences
Pros
3
Top
Pro
Fast and lightweight
Galaxy uses CSS animations and rarely relies on Javascript (2kb). It's about 1/67th the size of Bootstrap.
See More
Top
Pro
Beautiful
More modern UI than traditional frameworks like Bootstrap.
See More
Top
Pro
Semantic markup
Using the custom attribute g, it's very easy to scale and maintain.
See More
Hide
Get it
here
2
2
Blueprint
All
3
Experiences
Cons
3
Top
Con
No preprocessor support
No support for Sass, Less, or Stylus.
See More
Top
Con
Non-responsive
Does not follow the responsive web development philosophy.
See More
Top
Con
Outdated
It was last updated in 2011.
See More
Hide
Get it
here
1
1
Semantic Grid System
All
3
Experiences
Pros
3
Top
Pro
Responsive layouts
With Semantic.gs, you can manipulate the grid using media queries. article { .column(9); } section { .column(3); } @media screen and (max-width: 720px) { article { .column(12); } section { .column(12); } }
See More
Top
Pro
Fixed and fluid layouts
By default Semantic Grid System has a fixed layout. But switching to fluid, percentage-based layouts is easy. To switch from pixels to percentages, simply add one variable: @total-width: 100%;
See More
Top
Pro
Runs on SCSS, LESS, or Stylus
Semantic.gs supports all modern CSS pre-processors sucha as Sass, LESS and Stylus.
See More
Hide
Get it
here
1
1
Built By the Slant team
Find the best product instantly.
4.7 star rating
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now - it's free
{}
undefined
url next
price drop