The Top 99 Flexbox Open Source Projects

Awesome Open Source

Awesome Open Source

Combined Topics

Advertising 📦 10

Application Programming Interfaces 📦 124

Applications 📦 192

Artificial Intelligence 📦 78

Blockchain 📦 73

Build Tools 📦 113

Cloud Computing 📦 80

Code Quality 📦 28

Collaboration 📦 32

Command Line Interface 📦 49

Community 📦 83

Companies 📦 60

Compilers 📦 63

Computer Science 📦 80

Configuration Management 📦 42

Content Management 📦 175

Control Flow 📦 213

Data Formats 📦 78

Data Processing 📦 276

Data Storage 📦 135

Economics 📦 64

Frameworks 📦 215

Graphics 📦 110

Hardware 📦 152

Integrated Development Environments 📦 49

Learning Resources 📦 166

Libraries 📦 129

Lists Of Projects 📦 22

Machine Learning 📦 347

Mapping 📦 64

Marketing 📦 15

Mathematics 📦 55

Messaging 📦 98

Networking 📦 315

Operating Systems 📦 89

Operations 📦 121

Package Managers 📦 55

Programming Languages 📦 245

Runtime Environments 📦 100

Science 📦 42

Security 📦 396

Social Media 📦 27

Software Architecture 📦 72

Software Development 📦 72

Software Performance 📦 58

Software Quality 📦 133

Text Editors 📦 49

Text Processing 📦 136

User Interface 📦 330

User Interface Components 📦 514

Version Control 📦 30

Virtualization 📦 71

Web Browsers 📦 42

Web Servers 📦 26

Web User Interface 📦 210

The Top 99 Flexbox Open Source Projects

Categories > Web User Interface > Flexbox

Semantic Ui ⭐ 48,928

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

Bulma ⭐ 42,416

Modern CSS framework based on Flexbox

Nativescript ⭐ 19,646

NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.

Flexbox Layout ⭐ 16,399

Flexbox for Android

🌈 React for interactive command-line apps

Spectre ⭐ 10,625

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

Milligram ⭐ 9,142

A minimalist CSS framework.

React Pdf ⭐ 8,478

📄 Create PDF files using React

Flex Layout ⭐ 5,291

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

Split ⭐ 4,736

Unopinionated utilities for resizeable split views

Flexboxfroggy ⭐ 4,694

A game for learning CSS flexbox 🐸

React Native Styling Cheat Sheet ⭐ 4,124

Most of the React Native styling material in one page

Must Watch Css ⭐ 3,907

A useful list of must-watch talks about CSS

Csslayout ⭐ 3,107

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

Bulma Templates ⭐ 2,704

free flexbox templates built with the bulma css framework

Mobi.css ⭐ 2,356

A lightweight, scalable, mobile-first CSS framework

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

This package has moved and renamed

Flex.css ⭐ 1,505

flex.css is declarative layout which is compatible with wechat, UC, webview and other main-stream mobile browser and surpports react, vue, angular.

Flexlib ⭐ 1,484

FlexLib是一个基于flexbox模型，使用xml文件进行界面布局的框架，融合了web快速布局的能力，让iOS界面开发像写网页一样简单快速

Css Refresher Notes ⭐ 1,427

Bulmaswatch ⭐ 1,418

Themes for Bulma

Reflexbox ⭐ 1,367

Moved to https://rebassjs.org

Stretch ⭐ 1,347

High performance flexbox implementation written in rust

Flexlayout ⭐ 1,294

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

Flexbox30 ⭐ 1,110

Learn Flexbox in 30 days with 30 code tidbits ✨

Awesome Flexbox ⭐ 1,030

👓 A curated list of CSS Flexible Box Layout Module or only Flexbox.

A no-frills flexbox grid system for React, powered by styled-components.

Flex Cheatsheet ⭐ 839

📖 Flexbox cheatsheet

前端 100 天，帮助 10W 人入门并进阶前端。

Formstone ⭐ 819

Library of modular front end components.

Paralayout ⭐ 737

Paralayout is a set of simple, useful, and straightforward utilities that enable pixel-perfect layout in iOS. Your designers will love you.

Flex Layout Attribute ⭐ 705

HTML layout helper based on CSS flexbox specification —

☁️ The CSS framework for the modern web.

React Three Flex ⭐ 689

💪📦 Flexbox for react-three-fiber

Waffle Grid ⭐ 602

An easy to use flexbox grid system.

Angular Split ⭐ 554

🍌 Angular UI library to split views and allow dragging to resize areas using CSS flexbox layout.

Single-file library for calculating 2D UI layouts using stacking boxes. Compiles as C99 or C++.

React Styled Flexboxgrid ⭐ 512

Grid system based on styled-components and flexbox for React

Angular Material App ⭐ 507

基于最新Angular 9框架与Material 2技术的web中后台前端应用框架。

Progress Tracker ⭐ 457

A HTML component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.

Vue Multipane ⭐ 418

Resizable split panes for Vue.js.

Tentcss ⭐ 396

🌿 A CSS survival kit. Includes only the essentials to make camp.

React Native Responsive Grid ⭐ 364

Bringing the Web's Responsive Design to React Native

Pintsize ⭐ 330

Customisable 💪 Flexbox grid system

Flexbox React ⭐ 319

Unopinionated, standard compliant flexbox component. No propietary APIs. Nothing but flexbox.

Postcss Flexibility ⭐ 304

PostCSS plugin for Flexibility polyfill

Vueblog ⭐ 285

Understanding Flexbox ⭐ 279

💪Detailed Flexbox Book

React Flexview ⭐ 274

A powerful React component to abstract over flexbox and create any layout on any browser

Layout Demo ⭐ 264

Various Layouts Of CSS

Lyrics King React Native ⭐ 260

Lyrics King is React Native song lyrics search app, built with Expo. Designed with Adobe XD.

Bulma Helpers ⭐ 258

Library with missing Functional / Atomic CSS classes for Bulma framework

Myflix, a Netflix clone!

Intrinsic first auto-layout flexbox grid

Blueprint Css ⭐ 229

📘 Blueprint CSS is a modern responsive CSS layout library & grid built on top of CSS Grid and Flexbox.

Core Layout ⭐ 215

Flexbox & CSS-style Layout in Swift.

Griddle ⭐ 213

A CSS Grid Framework

🚀基于Litho的Android高性能动态业务容器。

Reactsimpleflexgrid ⭐ 180

A way to quickly add a Grid Layout to your React app 🚀

Flexulator ⭐ 171

A visual flexbox space distribution calculator

An organized list of guides and tutorials for design, development, and system administration.

Kindling ⭐ 155

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

Flexible Grid ⭐ 155

Flexible grid layouts to get you familiar with building within the flexible grid system.(HTML, CSS, SASS, SCSS)

Flexbox Toolkit & Grid

Genesis Starter Theme ⭐ 139

A starter theme for the Genesis Framework with a modern development workflow

Bulma Scss ⭐ 135

Bulma SCSS - The Bulma CSS Framework files converted to SCSS syntax

Texttraileffect ⭐ 131

A text trail effect for a slideshow inspired by the "Abstract is hiring" Dribbble shot.

A lightweight responsive Sass/CSS framework based on flexible box.

Css Progress Wizard ⭐ 129

[NOT MAINTAINED] A pure flexbox+sass progress indicator

React Flexa ⭐ 121

Responsive React Flexbox (CSS Flexible Box Layout Module) grid system based heavily on the standard CSS API.

Flexy is minimal CSS framework made with Flex

Construcao De Paginas Web ⭐ 113

Desenvolvimento de páginas semânticas, acessíveis e responsivas. 🚀

Infinity Css Grid ⭐ 111

Fluid Flex Solution for making infinite grid columns.

A dead simple, customisable, flexbox-based griddd

A responsive theme for Hexo

Grid library for React; Rescue the cat

Interfacss ⭐ 91

The CSS-inspired styling and layout framework for iOS

Vue Fraction Grid ⭐ 88

Flexbox based responsive fraction grid system

Css Flexbox Cheatsheet ⭐ 87

VS Code extension that lets you open a CSS Flexbox cheatsheet directly in the editor.

Lbrnmeituan ⭐ 83

ReactNative 仿美团项目

Personal Goals ⭐ 75

List of books I've read, projects I've done, videos I've seen, articles I've read or podcasts I've listened to.

Equalizecss ⭐ 61

Css framework with grid based on flexboxes

Vue Flex ⭐ 60

A reusable flexbox component using functional css and functional Vue components.

A Bulma-based Pelican blog theme; clean, flexible and responsive.

🍋 Minimal and responsive CSS framework for fast building websites.

The Flex Grid ⭐ 45

The Flex Grid is a responsive CSS flexbox grid. Because we can!

🛠 Async List Layout Kit

Future Web ⭐ 38

Starter kit to create PWA with cutting edge technologies

Atgrid.css ⭐ 37

CSS Grid System with attribute selectors

Vue Flexboxgrid ⭐ 37

Vue components made with Flexboxgrid

Flexbox.ninja ⭐ 37

Demonstration content of Flexbox.ninja website. See https://flexbox.ninja/

Overwatch Hero Picker ⭐ 36

Let's build the overwatch hero picker UI with CSS grid & flexbox

Ascollectionflexlayout ⭐ 24

A custom collection layout that allows to use Texture layout specs in ASCollectionNode.

CSS library for easier work with flex boxes

Sprite Flex Layout ⭐ 15

grid-layout is a layout engine which implements flex, can use in canvas/node-canvas

React Accordion With Header ⭐ 14

React accordion component with flexbox header

Feather Flex ⭐ 11

Ultralight flexbox based grid system.

I ♥ Flexbox. Forever.

1-99 of 99 projects

Advertising 📦 10

Application Programming Interfaces 📦 124

Applications 📦 192

Artificial Intelligence 📦 78

Blockchain 📦 73

Build Tools 📦 113

Cloud Computing 📦 80

Code Quality 📦 28

Collaboration 📦 32

Command Line Interface 📦 49

Community 📦 83

Companies 📦 60

Compilers 📦 63

Computer Science 📦 80

Configuration Management 📦 42

Content Management 📦 175

Control Flow 📦 213

Data Formats 📦 78

Data Processing 📦 276

Data Storage 📦 135

Economics 📦 64

Frameworks 📦 215

Graphics 📦 110

Hardware 📦 152

Integrated Development Environments 📦 49

Learning Resources 📦 166

Libraries 📦 129

Lists Of Projects 📦 22

Machine Learning 📦 347

Mapping 📦 64

Marketing 📦 15

Mathematics 📦 55

Messaging 📦 98

Networking 📦 315

Operating Systems 📦 89

Operations 📦 121

Package Managers 📦 55

Programming Languages 📦 245

Runtime Environments 📦 100

Science 📦 42

Security 📦 396

Social Media 📦 27

Software Architecture 📦 72

Software Development 📦 72

Software Performance 📦 58

Software Quality 📦 133

Text Editors 📦 49

Text Processing 📦 136

User Interface 📦 330

User Interface Components 📦 514

Version Control 📦 30

Virtualization 📦 71

Web Browsers 📦 42

Web Servers 📦 26

Web User Interface 📦 210