9 best open source responsive grid projects.

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

Displaying 1 to 9 from 9 results

spectre - Spectre.css - A Lightweight, Responsive and Modern CSS Framework

Spectre.css is a lightweight, responsive and modern CSS framework. Spectre is a side project based on years of CSS development work on a large web service project. Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project with Sass/Scss compiler.

spectre css css-framework responsive-grid flexbox utilities modern lightweight framework responsive mobile-friendly front-end sass

Responsive - :iphone: A super lightweight HTML, Sass, CSS, and JavaScript framework for building responsive websites

HTML

Other frameworks are too design opinionated and heavy. They're great for prototyping but every time you start a real, front-facing, project with them you have to overwrite lots of designer styles that do nothing to add to the functionality of the website. That costs developers time and money. Responsive BP has been built with that in mind. It is the result of thousands of hours of real, client driven web development and testing; specifically developed to be as lightweight as possible to prevent the need to undo styles set by the framework itself and allow developers to write efficient code and lower costs.

sass css rwd accessibility html5 responsive-grid

motherplate - A bare bones responsive SCSS boilerplate for web designers

This is a bare bones HTML/CSS framework. This is what I'll typically start off most web projects with. It includes a CSS reset and a bunch of minimal boilerplate styles that should come in useful for any project, including a responsive grid, typography, buttons, icons and forms.

scss responsive-grid boilerplate bootstrap sass html mobile

react-native-super-grid - Responsive Grid View for React Native

Javascript

Responsive Grid View for React Native. This component renders a Grid View that adapts itself to various screen resolutions.

react-native gridview grid listview responsive flatlist responsive-grid react native super view

kindling - A pocket-sized grid system built on the flex display property.

A pocket-sized grid system; built on the flex display property.

flexbox flexbox-grid flexbox-css flexbox-grids flexboxcss responsive-design responsive-grid responsive-layout sass scss

bootstrap-grid-ms - Missing grid range in Bootstrap 3, micro-small from 480-767px.

The missing grid range in Bootstrap 3, below sm, from 480 to 767 pixels, redefining xs to less than 480 pixels. Using LESS or SCSS/Sass, you can redefine the default Bootstrap breakpoints, and bootstrap-grid-ms will respect those.

bootstrap bootstrap-grid grid responsive responsive-grid responsive-layout layout css less

gutter-grid - A Sass flexbox based grid system that is able to replicate CSS grid-gap in IE11

HTML

CSS Grid is now implemented in all modern browsers. All of our layout dreams have come true! ... Well almost all of them. Unfortunately IE11 still holds a fairly significant market share and it doesn't support the modern implementation of CSS Grid. It can be difficult to get people on board with the idea of allowing IE to look different to modern browsers. That is especially the case if the site you are building is an intranet with a 90% IE user base.

grid-system grid mq-scss flexbox backup legacy-browsers gutter-grid responsive responsive-grid css sass scss gutter gutters fallback

responsive-css-grid - A super-lightweight, responsive, 8-column grid based on box-sizing

A super-lightweight, responsive, 8-column grid based on box-sizing. Issues with the output should be reported on the responsive-css-grid issue tracker.

responsive responsive-grid css css-grid grid box-sizing pure-css purecss