Microverse-Student-Project-1 First project of Microverse curriculum to draft our future portfolio. We are trying to apply what we have studied regardi
Portfolio: Mobile and Desktop version This is a last milestone in the process of creating a portfolio website. Now, I'm adding the preservation of the
Update: The work with a new and improved version of InterfaCSS is underway in the develop branch... 😁 The latest version (Beta2) adds support for XML
Butter Cake v4.0.0 A Modern Lightweight Front End CSS framework for faster and easier web development. Explore Butter Cake docs » Report bug . Request
Coraline An alternative CSS only framework. Coraline comes with multiple components and class helpers. ⭐ Give me a star if you like this project :D Qu
Nanasi.CSS Nanasi.CSS is a responsive and pure CSS framework you can use as a basis for creating websites or web applications. Made with ❤️ in Tanzani
No more unnecessary container, negative margin-padding and extra divs to make gap between rows and columns. Advanced CSS layout utility library AyoFle
Room homepage Table of contents Overview End term goal Design Links Process Built with Useful resources Contribution Issue Contributing Guidelines Con
CSS | Slack clone with Flexbox Introduction You should be reaaaaally familiar with Slack at this point, but just to make it more clear, Slack is a clo
Layout helper based on CSS flexbox specification designed to serve you as quick flexbox shorthand by using two custom html attributes — layout and self
Waffle grid An easy to use flexbox grid system. Getting Started To get the waffle grid system in your web page, simply paste this code into the head o
Tent CSS TentCSS 1.x.x is not currently receiving updates. A CSS survival kit. Includes only the essentials to make camp. Website - http://css.siteten
Pintsize A simple and modern flexible grid system Get started It's easy to get started. Just follow the steps below. 1.Download Download Pintsize. 2.
A lightweight layout library for building great responsive mobile first UIs that work everywhere. Open Source, built with CSS Grid and Flexbox.
Griddle is a CSS framework created with CSS Grid and Flexbox. It's easy to get started with Griddle, especially if you are familiar with how other CSS
Juiced Juiced is flexible CSS front-end framework that has many improvments over existing Grid-based CSS frameworks. It is built on the Flexible Boxes
In this project we made a password generator using html,css,js with a animated background.
FlexBlog - aprimorando o Flexbox no CSS. 🎇 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: HTML 5 CSS 3 (Utilizando o Flexbox
Butter Cake v4.0.0 A Modern Lightweight Front End CSS framework for faster and easier web development. Explore Butter Cake docs » Report bug . Request
For users who can embrace the newest of technology, Flexiblegrid comes with an flex based grid. It’s the same grid you know and love, but with even be
ptb/flexgrid is a next-generation web page layout framework based on flexbox: the CSS Flexible Box Layout Module. It uses the same responsive 12 colum
Flexbox Grid Grid system built on top of flex. Heavily influenced by Bootstrap. Perfect partner for Topcoat but it can be used with or without any fra
Flexbin Flexible and gapless image gallery layout like Google Images and 500px.com. Based on article of xieranmaya Pure CSS, no need for JavaScript or
Atomic Bulldog Grid 💥 🐶 CSS (SCSS) grid, based on CSS grid layout with @supports fallback to flexbox (partial support). Grid Demo Atomic Bulldog gri
Next Level Week 2 - Proffy This is a web application developed at NLW 2. NLW is an online event with lots of code, challenges, networking, and a singl
atom.css A atom-style library of CSS atomic elements. To build app faster and more flexible! Installation Install via npm: $ npm i @matrixage/atom.css
🔔 eFrolicss | CSS framework which without using JavaScript is interactive and animated. This framework is based on being simple and modern to develop
sGrid is a Flexbox grid system built with Stylus CSS preprocessor. It is prepared to use with helper classes, like Bootstrap or Foundation does it, but also in a more semantic way by using special Stylus functions.
Marock Music Festival This project was built with a Mobile-first design perspective and it's mobile responsive. for the design, the main technologies
Profile Card Component Built with HTML5 CSS3 Flexbox
Frontend Mentor - Social proof section Welcome! 👋 Thanks for checking out this front-end coding challenge. Frontend Mentor challenges help you improv
EqualizeCSS EqualizeCss - is light-weighted css-grid built on the properties of flexboxes and written on the sass. Using it you can easily build adapt
Grid to flex CSS Grid minmax function is used to dynamically make a responsive layout with a specificed item width. On the left side, you can control
Parasail is a minimalistic CSS framework from Parasail Health using SASS and Flexbox. It's main feature is a Flexbox based grid system which lets you create responsive layouts easily.
Flexbox Toolkit & Grid Frow CSS Frow is an open source HTML and CSS framework for creating quick & responsive projects on the web, powered by Flexbox.
atom.css A atom-style library of CSS atomic elements. To build app faster and more flexible! Installation Install via npm: $ npm i @matrixage/atom.css
flexgrid.css A responsive, declarative grid system powered by flexbox. Demo at flexgrid.axiomzen.co Flexgrid.css is a responsive, declarative grid sys
Uimini Lightweight, css only, responsive and powerful css framework for easier web development. Explore Uimini docs » Report bug · Request feature · F
Front-End DevChalenges This repo contain front-end projects in HTML/CSS with responsive design Screenshot Live Demo 404 Not Found Built With HTML CSS
Learn Flexbox 💪 📦 This website was created as a practice for me to enhance my CSS knowledge, especially in Flexbox. Thanks to the Brad Traversy to g
Site Flexbox - Gabriel Nunca desista dos seus sonhos! 💪 🚨 Sobre O projeto "Site Flexbox - Gabriel" foi feito para aplicar os meus estudos em um site
Formulário de Login Formulário de Login criado com o intuito de praticar conhecimentos em Flexbox CSS. Clique para visitar o projeto 💼 Tecnologias ut
CSS Refresher Notes This is a quick refresher of CSS concepts compiled from various articles online. Contributions are always welcome :) I have linked
A curated list of CSS Flexible Box Layout Module or only Flexbox. Inspired by awesome-webcomponents and awesome-svg. Table of Contents W3C Specificati
Frontend Mentor - Testimonials grid section solution This is a solution to the Testimonials grid section challenge on Frontend Mentor. Table of conten
Frontend Mentor - NFT preview card component solution This is a solution to the NFT preview card component challenge on Frontend Mentor. Frontend Ment
Must-Watch CSS This is a collection of well-received talks about CSS, covering topics such as CSS Grid, flexbox, frameworks, variables, Sass, SVG, per
Skelet.3 Skelet. is a contemporary CSS framework which gives you the foundations to start building your next project right away. Skelet. provides a si
🗄 HStack and VStack in CSS CSS layout components that (basically) horizontally and vertically stack anything. Usage ✌️ Check out the code here. Horiz
Responsive CSS-only Header NO JavaScript Fully-responsive, mobile-first Easily customisable with SCSS variables SCSS-powered Breakpoints for tablet an
CSS Layout A collection of popular layouts and patterns made with CSS: 🎉 Zero dependencies 🎉 No frameworks 🎉 No CSS hacks 🎉 Real use cases Good pr
Infinity CSS Grid Ultra minimal fluid Flex Grid. Infinity CSS Grid is around 0,1 Kb CSS for making any number of columns. Just add any number of .colu
Flex One - 1 CSS Class System Flex One is CSS Layout system based on one CSS class. This class: .fluid {flex:1} With this .fluid {flex:1} you can buil
Waffle grid An easy to use flexbox grid system. Getting Started To get the waffle grid system in your web page, simply paste this code into the head o
Wire is a simple and lightweight Sass-based Framework. The principle of Wire is simplicity and lightweighting, avoiding unnecesary styles. Wire only s
Meraki UI 🎉 🚀 Beautiful Tailwindcss components that support RTL languages & fully responsive based on Flexbox & CSS Grid 🏗 . Resources Tailwindcss
CSS Layout A collection of popular layouts and patterns made with CSS: 🎉 Zero dependencies 🎉 No frameworks 🎉 No CSS hacks 🎉 Real use cases Good pr
⚠ ⚠ ⚠ NO LONGER MAINTAINED: With every major browser supporting Flexbox now, and tools like autoprefixer covering this and so much more, I am no longe
flexibility A JavaScript polyfill for Flexbox Flexibility is a polyfill for the Flexible Box Layout, commonly known as Flexbox. With Flexibility, you
Reflexie: A grown-up polyfill for a grown-up flexbox. Status Sooooo not ready for prime-time. There is still lots to do to get this to a shipping vers
CSS Flexbox snippets for Atom Install Go to Atom Preferences... then search for Flexbox Snippets in Install tab. Development $ cd ~/.atom/packages $
CSS Flexbox snippets for Sublime Install To install through Package Control, search for Flexbox Snippets. If you still don't have Package Control in S
Fibonacci ##Flexbox page layout composer Fibonacci is an offshoot of an internal tool created to let non-developers design page layouts using Flexbox,
Fuux 🌀 😎 flexbox library to create amazing layouts Features Writes all using just css classes Support to flex-direction, justify-content, align-item
Ginger Ginger is a minimal flexbox 12 column grid system named after a cute dog. It doesn't give you any fancy extras like some other frameworks, but
flex-box A Custom Element to make the basics of flexbox easier to use Usage flex-box axis="y" header/header section flex/section
FlexboxLayout FlexboxLayout is a library project which brings the similar capabilities of CSS Flexible Box Layout Module to Android. Installation Add
FlexLayout adds a nice Swift interface to the highly optimized Yoga flexbox implementation. Concise, intuitive & chainable syntax. Flexbox is an incre
Rebass Grid Responsive React grid system built with styled-system, with support for styled-components and emotion (previously called grid-styled) http
List of tricks to help implement the flexbox features in a world where it does not exist. What is the purpose of this project? Create a fun way soluti
React-flexbox Implementation of css flexbox in react with inline styles. It is written in ES6 and requires an ES6 to ES5 transpiler. If there is need
Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil
Reflexbox Responsive React Flexbox Grid System http://jxnblk.com/reflexbox Features Simple API for quickly controlling layout Helps promote composabil
Flexbox Grid flexboxgrid.com Grid based on the flex display property. Install npm npm i flexboxgrid --save bower bower install flexboxgrid cdn CDNJS
Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil
🔔 eFrolicss | CSS framework which without using JavaScript is interactive and animated. This framework is based on being simple and modern to develop
atom.css A atom-style library of CSS atomic elements. To build app faster and more flexible! Installation Install via npm: $ npm i @matrixage/atom.css
Baseguide Baseguide is a lightweight and robust CSS framework for prototyping and production code. Responsive and scalable components Robust flexbox g
Basis A lightweight responsive Sass/CSS framework based on flexible box. Document: https://sass-basis.github.io/ GitHub: https://github.com/sass-basis
Meraki UI 🎉 🚀 Beautiful Tailwindcss components that support RTL languages & fully responsive based on Flexbox & CSS Grid 🏗 . Resources Tailwindcss
Align.css This stylesheet is made for align items within a container accordingly with the flexbox spec. It's not meant for building complex layouts. Y
Flexy Flexy is minimal CSS framework made with Flex Minimal. It is only 0.33 KB minified + gzip. Responsive. No unnecessary nesting. Fluid Column (eve
Frontend Mentor - Profile card component solution This is a solution to the Profile card component challenge on Frontend Mentor. Table of contents Ove
Frontend Mentor - Huddle landing page with single introductory section solution This is a solution to the Huddle landing page with single introductory
Frontend Mentor - Single price grid component solution This is a solution to the Single price grid component challenge on Frontend Mentor. Table of co
Griddd A dead simple, customisable, flexbox-based griddd DEMO Installation NPM npm install griddd CDN https://unpkg.com/[email protected]/dist/griddd.min.c
Kindling A pocket-sized grid system; built on the flex display property. Usage Three-Column Layout div class=“row” div class=“col-4”/div div
Boardz.css Boardz.css is a simple CSS library that allows to create Pinterest-like card-boards from simple unordered lists with less than 1kB minified
Frontend Masters: CSS Grids and Flexbox in Responsive Web Design v2 Please click here to head to the course website. Issues and Pull Requests Please f
Flexbox Grid Mixins Sass Mixins to generate Flexbox grid. Flexbox Grid Mixins is Sass Mixins library to help you write well-structured, readable, main
bulma-scss This is a port of the Bulma project SASS files to the SCSS syntax. Currently, these files are based on Bulma version 0.9.3, and will be upd
Hızlı ve kolay web sayfaları geliştirin Turkuaz Css 11 Nisan 2016 tarihinde, açık kaynak olarak geliştirilmeye başlanmış kişisel bir projedir. İsmini
Flexbugs This repository is a community-curated list of flexbox issues and cross-browser workarounds for them. The goal is that if you're building a w
tailwind-bootstrap-grid Bootstrap v5 flexbox grid system as a Tailwind CSS plugin. Check the demo. Installation npm i -D tailwind-bootstrap-grid In ta
Gridlex Just a Flexbox Grid System v. 2.7.1 Based on Flexbox (CSS Flexible Box Layout Module), Gridlex is a very simple css grid system to quickly cre
中文文档入口 如果对状态管理感兴趣，可以看下 Tms，文档更齐全 download git clone https://github.com/lzxb/flex.css.git npm npm install flex.css --save Why do you need flex.css? I
🚀 30diasDeCSS 🚀 Fala Devs, beleza? 🖖 30 dias de CSS3, é um desafio que visa ajudá-lo a melhorar suas habilidades de codificação fazendo mini projet
CSS Gridish CSS Gridish takes design specs of your product’s grid and builds out several resources for your team to use: Sketch file with artboards an
Mobi.css A lightweight, scalable, mobile-first CSS framework Homepage Features Lightweight The default bundle of Mobi.css provides the basic styles to
Flexbox Patterns This repository contains the original CSS used for the components at www.flexboxpatterns.com. Feel free to use these styles however y
