Top 8 flexbox-layout Open-Source Projects

CSS Layout

12 8,007 7.3 MDX

A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!
MyLinearLayout

0 4,380 3.0 Objective-C

MyLayout is a powerful iOS UI framework implemented by Objective-C. It integrates the functions with Android Layout,iOS AutoLayout,SizeClass, HTML CSS float and flexbox and bootstrap. So you can use LinearLayout,RelativeLayout,FrameLayout,TableLayout,FlowLayout,FloatLayout,PathLayout,GridLayout,LayoutSizeClass to build your App 自动布局 UIView UITableView UICollectionView RTL
SurveyJS

surveyjs.io sponsored

Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
FlexLayout

1 1,914 8.6 Swift

FlexLayout adds a nice Swift interface to the highly optimized facebook/yoga flexbox implementation. Concise, intuitive & chainable syntax.

Project mention: Building Reddit’s Design System on iOS | /r/RedditEng | 2023-09-27

We still wanted to leverage a layout engine that could be performant and easy-to-use. After doing some performance testing with native UIKit, Autolayout, and a few other third-party options, we ended up bringing FlexLayout into the mix, which is a Swift implementation of Facebook’s Yoga layout engine. All RPL components utilize FlexLayout in order to lay out content fast and efficiently. While we’ve enjoyed using it, we’ve found a few touch points to be mindful of. There are some rough edges we’ve found, such as utilizing stack views with subviews that use FlexLayout, that often come at odds with both UIKit and FlexLayout’s layout engines.

awesome-flexbox

1 1,217 0.0

:eyeglasses: A curated list of CSS Flexible Box Layout Module or only Flexbox.
css-fx-layout

1 47 4.9 SCSS

A responsive SCSS flexbox library inspired by Angular Flex-Layout.
flex-box-grid

1 39 0.0 CSS

Responsive, mobile first Flexbox Grid
flexbox-guide

1 38 5.8 JavaScript

⚡ A Guide for the concept of Flexbox and responsive design. Simply set the attributes as you needed and copy the CSS code. 🎉
WorkOS

workos.com sponsored

The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
reflexy

0 6 8.0 TypeScript

Flexbox layout and responsive components.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).