Displaying 1 to 20 from 131 results

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.

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

  •    CSS

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.

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.