tomkp / Flexbox
I ♥ Flexbox. Forever.
Projects that are alternatives of or similar to Flexbox
Tentcss
🌿 A CSS survival kit. Includes only the essentials to make camp.
Stars: ✭ 400 (+6566.67%)
Mutual labels: flexbox
Split
Unopinionated utilities for resizeable split views
Stars: ✭ 5,176 (+86166.67%)
Mutual labels: flexbox
Flex Layout Attribute
HTML layout helper based on CSS flexbox specification —
Stars: ✭ 705 (+11650%)
Mutual labels: flexbox
Angular Material App
基于最新Angular 9框架与Material 2技术的web中后台前端应用框架。
Stars: ✭ 509 (+8383.33%)
Mutual labels: flexbox
Layout
Single-file library for calculating 2D UI layouts using stacking boxes. Compiles as C99 or C++.
Stars: ✭ 551 (+9083.33%)
Mutual labels: flexbox
Csslayout
This project is developed by Nguyen Huu Phuoc. I love building products and sharing knowledge.
Stars: ✭ 4,832 (+80433.33%)
Mutual labels: flexbox
React Styled Flexboxgrid
Grid system based on styled-components and flexbox for React
Stars: ✭ 515 (+8483.33%)
Mutual labels: flexbox
Flex Layout
Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API
Stars: ✭ 5,705 (+94983.33%)
Mutual labels: flexbox
React Native Styling Cheat Sheet
Most of the React Native styling material in one page
Stars: ✭ 4,447 (+74016.67%)
Mutual labels: flexbox
Progress Tracker
A HTML component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.
Stars: ✭ 461 (+7583.33%)
Mutual labels: flexbox
Angular Split
🍌 Angular UI library to split views and allow dragging to resize areas using CSS flexbox layout.
Stars: ✭ 582 (+9600%)
Mutual labels: flexbox
Must Watch Css
A useful list of must-watch talks about CSS
Stars: ✭ 3,966 (+66000%)
Mutual labels: flexbox
React Native Responsive Grid
Bringing the Web's Responsive Design to React Native
Stars: ✭ 369 (+6050%)
Mutual labels: flexbox
Paralayout
Paralayout is a set of simple, useful, and straightforward utilities that enable pixel-perfect layout in iOS. Your designers will love you.
Stars: ✭ 742 (+12266.67%)
Mutual labels: flexbox
Flexbox Forever
Obviously this comes with caveats.
My intention is just to demonstrate how a little bit of flexbox can go a long way.
.root {
height: 100vh;
width: 100vw;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
}
.flex {
flex: 1;
min-width: 0;
}
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].