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.
flexbox android android-libraryreact-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.
css-modules flexbox-grid react-components flexbox grid react react-componentSemantic 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.
ui ui-components flexbox css-framework dropdown button popup sidebar tooltip semanticThe 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.
css html flexbox bulma-templates bulma-css-framework bulma bulma-cssMost of the React Native styling material in one page. Imported from the official docs.
flexbox react-native cheatsheetA 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).
css grid framework flexboxA version compatible with Compass is provided by @trinonsense, on the compass branch. Licensed under MIT.
sass css flexbox mixinThe 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.
react grid styled-components flexbox css styled-system margin padding css-in-js layout responsive emotionPrimitive for controlling width, margin, padding and more. Both <Flex /> and <Box /> share the same props.
react flexbox grid react-component css-in-js grid-component layoutFlexible Grid System Scss Plus
scss css flexiblegs flexbox sass grid responsive framework flexibleA 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.
flexbox awesome css css3 css-flexbox flexbox-layout flexbox-grid w3c-specificationA collection of tips to help take your CSS skills pro. For other great lists check out @sindresorhus's curated list of awesome lists.
css protip css-skills flexbox tips tips-and-tricks awesome list awesome-listIs 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.
autolayout flexbox sizeclass css android ios uiview uitableview uicollectionview flowlayout framelayout constraints rtlGrid based on the flex display property. Add the flexboxgrid.css development or flexboxgrid.min.css production to your html page.
browser flexbox grid cssThemes for Bulma, inspired by Bootswatch. Read the intructions here.
bulma css frontend framework theme sass website flexbox themes web bootswatch responsiveThe 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.
mobi-css css-framework css design mobile mobile-first flexbox cssnext postcssA 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.
ui ui-components flexbox css-framework dropdown button popup sidebar tooltip semantic fork fomantic fomantic-ui semantic-ui css3 frameworkReact components for efficiently rendering large, scrollable lists and tabular data.
react react-component windowing virtualization list grid listview tabular-data performance reactjs virtual scrolling infinite virtualized table fixed header flexbox spreadsheet table-view infinite-scrollBulma 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.
css html flexbox css-framework design sass responsive framework
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.