flex-layout - Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API

•    TypeScript

Angular Flex Layout

flexbox-layout - Flexbox for Android

•    Kotlin

FlexboxLayout is a library project which brings the similar capabilities of CSS Flexible Box Layout Module to Android.There are two ways of using Flexbox in your layout.

react-flexbox-grid - A set of React components implementing flexboxgrid with the power of CSS Modules

•    Javascript

react-flexbox-grid is a set of React components that implement flexboxgrid.css. It even has an optional support for CSS Modules with some extra configuration.react-flexbox-grid imports the styles from flexboxgrid, that's why we're configuring the loader for it.

Semantic-UI - Semantic is a UI component framework based around useful principles from natural language

•    Javascript

Semantic is a UI framework designed for theming.Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as React, Angular, Meteor, and Ember, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic.

bulma-templates - free flexbox templates built with the bulma css framework

•    HTML

The original bulma templates were made with version 0.1.1 and can be found in the 0.1.1 branch. The newest templates are made with version 0.6.0 and can be found in the master branch until they are finished and will be tagged in a 0.6.x branch once complete. The templates on dansup.github.io are based on the master branch. Code released under the MIT license.

react-native-styling-cheat-sheet - Most of the React Native styling material in one page

Most of the React Native styling material in one page. Imported from the official docs.

grd - A CSS grid framework using Flexbox. Only 321 bytes (Gzipped).

•    HTML

A CSS grid framework using Flexbox. Flexible Box Layout Module and calc() as CSS unit value used in Grd are available on modern browsers (Chrome, Firefox, Safari, Opera, Edge and IE11).

sass-flex-mixin - Flexbox mixins

•    CSS

A version compatible with Compass is provided by @trinonsense, on the compass branch. Licensed under MIT.

grid-styled - Responsive React grid system built with styled-system

•    Javascript

The Box component handles width, margin and padding. All grid-styled components use styled-system for style props, which pick up values from a theme and allow for responsive styles to be passed as array values.

reflexbox - React flexbox layout and grid system

•    Javascript

Primitive for controlling width, margin, padding and more. Both <Flex /> and <Box /> share the same props.

flexiblegs-scss-plus - Flexible Grid System Scss Plus

•    CSS

Flexible Grid System Scss Plus

awesome-flexbox - :eyeglasses: A curated list of CSS Flexible Box Layout Module or only Flexbox.

A curated list of CSS Flexible Box Layout Module or only Flexbox. Inspired by awesome-webcomponents and awesome-svg. The specification describes a CSS box model optimized for user interface design.

css-protips - A collection of tips to help take your CSS skills pro

A collection of tips to help take your CSS skills pro. For other great lists check out @sindresorhus's curated list of awesome lists.

MyLinearLayout - MyLayout is a powerful iOS UI framework implemented by Objective-C

•    Objective-C

Is equivalent to: UIStackView of iOS and LinearLayout of Android. Linear layout is a single line layout view that the subviews are arranged in sequence according to the added order（from top to bottom or from left to right). So the subviews' origin&size constraints are established by the added order. Subviews arranged in top-to-bottom order is called vertical linear layout view, and the subviews arranged in left-to-right order is called horizontal linear layout.

flexboxgrid - Grid based on CSS3 flexbox

•    HTML

Grid based on the flex display property. Add the flexboxgrid.css development or flexboxgrid.min.css production to your html page.

bulmaswatch - Themes for Bulma

•    HTML

Themes for Bulma, inspired by Bootswatch. Read the intructions here.

mobi.css - A lightweight, scalable, mobile-first CSS framework

•    CSS

The default bundle of Mobi.css provides the basic styles to build clean and elegant webpages. It's only 3kb after gzipped, and it's very easy to get started. Plugin system makes CSS scalable. You can import plugins to enhance Mobi.css, or use the plugin as a standalone CSS library. It's even possible to use a plugin without Mobi.css.

Fomantic-UI - Fomantic-UI is a community fork of Semantic-UI

•    Javascript

A community fork of the popular Semantic-UI framework. EDIT: Lots has changed since we started this project and we are now starting the development of FUI v3. You can read more about the > v3 proposals here.

React Virtualized - React components for efficiently rendering large lists and tabular data

•    Javascript

React components for efficiently rendering large, scrollable lists and tabular data.

Bulma - Modern CSS framework based on Flexbox

•    CSS

Bulma is a modern CSS framework based on Flexbox. It provides ready-to-use frontend components that you can easily combine to build responsive web interfaces. It is simple, easily customizable and doesn't impose Javascript implementations, so it integrates in any JS environment.