Awesome Open Source

Programming Languages

Search results for flexbox css grid

205 search results found

Csslayout ⭐ 7,766

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

Front End Web Development Resources ⭐ 4,390

This repository contains content which will be helpful in your journey as a front-end Web Developer

Taffy ⭐ 1,352

A high performance rust-powered UI layout library

Gridlex ⭐ 1,308

Just a CSS Flexbox Grid System

Cirrus ⭐ 1,259

☁️ The SCSS framework for the modern web.

Gridism ⭐ 672

A simple responsive CSS grid.

Waffle Grid ⭐ 603

An easy to use flexbox grid system.

Responsive Grid Of Hexagons ⭐ 542

CSS responsive grid of hexagons

Teutonic Css ⭐ 314

A modern CSS framework — versatile, well documented.

Euismod ⭐ 260

📝 A website that make learning CSS grid easy and interactive

Griddle ⭐ 245

A CSS Grid Framework

Awesome Css Grid ⭐ 232

A curated list of CSS Grid Resources

Buttercake ⭐ 182

Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰

Fem Adv Css Layout ⭐ 169

Frontend Masters course, "Advanced CSS Layout"

Flexbox Toolkit & Grid

Vanilla Js ⭐ 144

Projects using pure JavaScript without any external libraries or frameworks

Skelet.css a contemporary CSS framework. The basics to get started.

Infinity Css Grid ⭐ 108

Fluid Flex Solution for making infinite grid columns.

Awesome Grid Layout ⭐ 85

👓 A curated list of CSS Grid Layout Module or only Css Grid.

Carbon Grid ⭐ 62

A simple, lightweight, and responsive CSS grid built on flexbox

Equalizecss ⭐ 61

Css framework with grid based on flexboxes

Katana is CSS Layout System made with Flexbox

Tailwindcss Gap ⭐ 43

Tailwind CSS plugin to generate gap utilities

The Flex Grid ⭐ 43

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

Responsive grid based on CSS Flexbox

Weblayout Presentation ⭐ 40

Vue Flexboxgrid ⭐ 37

Vue components made with Flexboxgrid

Css Only Responsive Header ⭐ 32

Fully-responsive CSS-only header for your websites and other web applications

Grid To Flex ⭐ 29

Easily create Flexbox fallback for your CSS Grid!

Build And Deploy Ecommerce Website ⭐ 28

Learn How To Make Full Responsive Ecommerce Website Using HTML CSS & JavaScript. This is a free HTML CSS JavaScript Course. And in this course we will learn how to build and deploy a full multipage ecommerce website completely from scratch step by step.

A simple and clean CSS grid which can be configured to use either CSS Grid or Flexbox.

Dash Flexbox Grid ⭐ 19

Wrapper around react-flexbox-grid for Plotly Dash

Supple Css ⭐ 18

In browser (S)CSS framework; Fluid, Variable, supple if you will

Tetris Grid ⭐ 15

◼️Lightweight and simple CSS grid

Dead Simple Flexbox Grid

12columns ⭐ 14

Simple grid system based on Flexbox and CSS Grid Layout.

Html Css Modern Coding ⭐ 14

『作って学ぶ　HTML＆CSSモダンコーディング』のダウンロードデータです。

Hangman Game ⭐ 13

A responsive hangman game built with vanilla javascript, html, and css. Animated with GSAP and canvas animations.

React Pokeapi ⭐ 12

A sample of a SPA done with React, Redux-Toolkit, Typescript, Sass, CSS Grid, etc...

Grate: A super-minimal WordPress starter theme with CSS Grid for developers.

A utility-first CSS framework, build to quickly design and structure responsive sites with classes like flex, flex-column, justify-center, grid, col-span-2...

Medium_articles ⭐ 9

React Layout ⭐ 9

CSS grid and flexbox helper components

Doslotos Grid ⭐ 8

A lightweight CSS Flexbox Framework

Salsa Bachata Summit 2020 ⭐ 8

I built a fully responsive website for a Salsa conference festival, using CSS flexbox, grids, SASS, and Bootstrap.

Css Grid Cards ⭐ 7

CSS Grid Cards: Talk for TLP Tenerife 2018 / JSDay CanariasJS 2018

Trillo Responsive ⭐ 7

This is a page made with HTML and Sass, we made it ultra responsive so it has some amazing mediaqueries

Front End Mentor Projects ⭐ 6

My submissions for the Frontend Mentor Challenges.

Cattle Grid ⭐ 6

Extremely lightweight, basic flex grid built from a simple sass mixin

Lime Grid.css ⭐ 6

Powerful Flexbox based Grid System for modern browsers.

Fylgja Flex Grid ⭐ 6

Create a complete grid using flexbox. And only set the columns you need. Making it even smaller than other flex grids.

Newyorktimes Article ⭐ 6

This article was created based on a NYT article. For positioning was used flex, grid, and float as core of the website

The Next Web Responsive ⭐ 6

In this project, we clone the Next Web homepage using semantic HTML5 elements appropriately sized and positioned. We made the background with images and gradients. Build with HTML and CSS.

A React library for building layouts using CSS Grid

Acem.tech ⭐ 5

Design & Code of of acemtech website

Cloning Thenextweb ⭐ 5

A responsive webpage clone of https://thenextweb.com homepage. We used CSS Flexbox and CSS Grid with media queries to make the page responsive to all screen sizes.

Kika Store_capstone ⭐ 5

This is the last HTML and CSS project from Microverse program, It's a mock-up of a ZATTIX web designed by Mohammed Awad on Behance, it's built on HTML and CSS3 languages using Sass.

Fem10 Testimonials Grid ⭐ 5

Solution to a Frontend Mentor challenge: creating a similar webpage as the design preview provided

Code Resources ⭐ 5

All my programming resources properly divided.

Mobile Portfolio ⭐ 4

Portfolio project required in the first module of the Microverse program. This single-page site was built with HTML and CSS(Flexbox and CSS Grid) with small Javascript add-ons.

Fdmg Css Grid ⭐ 4

FDMG CSS Grid with Flexbox fallback

Future Grid ⭐ 4

A grid system for the future (and the past)

Netflix Clone Frontend ⭐ 4

💻 This project is a simplified front end clone of Netflix. It was created with React and CSS (Grid and Flexbox). It uses The MovieDB Api to search for movies and display details. Feel free to contribute!

Mv Wk4_ilera Search ⭐ 4

My interpretation of the business requirements for the HTML and CSS module capstone project.

Onlinebookstore ⭐ 4

A simple book store with vanilla JavaScript. You can select multiple numbers of books. Adding them to cart, removing them from cart, decreasing and increasing the cart amount and calculating the total cost of the cart.

A virtual keyboard to explore cool themes and custom key functions.

Molecule is a lightweight, responsive and mobile-first CSS framework based on Flexbox

Portfolio ⭐ 3

🤵 First Personal Portfolio website

Front End Projects ⭐ 3

🔥 List of Front-end Projects built in 2019 / 2020 during DCI Web Development Course.

Cherry Grid ⭐ 3

🍒 Cherry Grid

Ribs Grid ⭐ 3

Scss flexbox grid system

Cssgrid Though ⭐ 3

A demo of CSS Grid - with a bonus

A2z Frontend ⭐ 3

Ngx Graphs ⭐ 3

Graphing components for angular 4+

Coffee Website ⭐ 3

Este é um projeto em que construí um website responsivo para uma cafeteria fictícia utilizando HTML5, CSS3 (Flexbox e Grid) e JavaScript.

Css Grid And Flexbox Demo ⭐ 3

Demo of the new(ish) CSS Grid spec as compared to Flexbox

E S1 Adacoders ⭐ 3

If you are interested in Front-end Developers, here you can discover our team, ADACODERS. This was our first project as students, and now we are improving ourselves each day ;)

A microscopic CSS framework

Css Grid System Library ⭐ 3

A lightweight grid system library. Includes a flexbox grid, a CSS Grid system, and a flexbox masonry grid. Each grid is optional. Written in SCSS. Available in SCSS and CSS.

Simple Css Grid ⭐ 3

A simple flexbox-based css grid

😄 A fun tool to experiment with CSS 3D Transforms, Grid and Flexbox.

Hulu Homepage Clone ⭐ 3

Hulu homepage clone

Iamzaidmohammed.github.io ⭐ 3

My personal portfolio website

Grid Scheibo ⭐ 2

A Simple SCSS Grid Based on CSS-Grid or Flexbox

Css Custom Properties Grid ⭐ 2

A very simple, configurable, responsive grid with CSS custom properties & flexbox.

Style System ⭐ 2

Style System for the xamu project

Personal Blog ⭐ 2

Created a multi-page blog website, using best practices for content and page styling with HTML and CSS. Used responsive layouts, Flexbox, and CSS Grid to create the structure and design the blog.

Rafting 1 ⭐ 2

Project contains Advance CSS, BEM Architecture, SASS, CSS Grid, CSS Flexbox, DRY principle, CSS animatios, SVG icons and HTML5. Check out MVC OOP PHP version with validation fields on my GitHub profile.

Advanced Css Course ⭐ 2

Advanced CSS project. CSS3/SCSS/BEM/Flexbox/CSS Grid

Simple CSS grid framework based on flexbox.

Animationdemo ⭐ 2

A demonstration of interesting effects using SCSS, Bootstrap, CSS Flexbox, and CSS Grid

Ui Dashboard ⭐ 2

Cemalovic Cv ⭐ 2

This portfolio website contains: SASS, CSS Grid, CSS Flexbox, HTML5, BEM Architecture, DRY Methodology, SVG (sprite) icons, clean and reusable code as well as links to my projects in Angular, Web Design and PHP.

📫 E-commerce SPA repo built with Angular + NgRx + Redux + CSS Grid + Flexbox

Course Css Flexbox Grid ⭐ 2

And this repository, i will be uploading summary of course Css advanced with Flexbox and css grid.

Flexbox Grid Trainer ⭐ 2

A while back, I made this to help myself understand CSS Flexbox and CSS Grid better. It turned into a nice little sandbox & I wanted to pass it on. flexbox is used to control the elements within the divs and grid is used to define where the divs are and how big they are on the screen. This is inherently responsive and will make your life so much easier if you are manually pushing stuff across the screen.

React Gallery ⭐ 2

A React component library for building galleries

Holiday Calendar ⭐ 2

A simple Holiday Calendar built using ReactJS and Holiday REST API

Preactcalculator ⭐ 2

A coder.com coding challenge / a chance for me to experiment with Preact and CSS Grid

Related Searches

Css3 Flexbox (1,442)

Css Flexbox (1,229)

Js Flexbox (901)

Html Flexbox (660)

Css3 Css Grid (607)

Grid Flexbox (531)

1-100 of 205 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2023 Awesome Open Source. All rights reserved.