Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with flexbox-grid

A curated list of projects in awesome lists tagged with flexbox-grid .

https://github.com/roylee0704/react-flexbox-grid

A set of React components implementing flexboxgrid with the power of CSS Modules.

css-modules flexbox-grid react-components

Last synced: 14 May 2025

https://roylee0704.github.io/react-flexbox-grid/

A set of React components implementing flexboxgrid with the power of CSS Modules.

css-modules flexbox-grid react-components

Last synced: 21 Nov 2025

https://github.com/devlint/gridlex

Just a CSS Flexbox Grid System

css css-grid css3 flexbox-grid grid sass scss

Last synced: 15 May 2025

https://github.com/pr1mer-tech/waffle-grid

An easy to use flexbox grid system.

css css-grid flex flexbox flexbox-grid responsive sass scss waffle-grid

Last synced: 12 Dec 2025

https://github.com/karolis-sh/tailwind-bootstrap-grid

Tailwind CSS plugin that generates Bootstrap's flexbox grid

bootstrap4 css flexbox flexbox-grid postcss tailwindcss tailwindcss-plugin

Last synced: 15 May 2025

https://github.com/kenangundogan/flexible-grid

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

css css-framework flex flexbox flexbox-grid flexible flexible-grid grid html sass scss

Last synced: 09 Apr 2025

https://github.com/vladocar/infinity-css-grid

Fluid Flex Solution for making infinite grid columns.

css css-framework css-grid css-library flex flex-layout flexbox flexbox-css flexbox-grid

Last synced: 09 Jul 2025

https://github.com/vladocar/flexy

Flexy is minimal CSS framework made with Flex

css css3 flex flex-layout flexbox flexbox-css flexbox-grid framework html html-css html5

Last synced: 09 Jul 2025

https://github.com/rundmt/react-native-flexbox-grid

Responsive Grid for React Native

flexbox-grid grid layout react-native responsive

Last synced: 09 Apr 2025

https://github.com/juliancwirko/s-grid

Flexbox grid system for Stylus

css flexbox-grid sgrid stylus

Last synced: 15 Apr 2025

https://github.com/jeroenoomsnl/the-flex-grid

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

css-framework css-grid css-grid-layout flexbox flexbox-css flexbox-grid flexbox-layout flexgrid

Last synced: 23 Sep 2025

https://github.com/mr-karan/flexit

Responsive grid based on CSS Flexbox

css flexbox flexbox-grid responsive

Last synced: 14 Apr 2025

https://github.com/gotbahn/flex-box-grid

Responsive, mobile first Flexbox Grid

flexbox-grid flexbox-layout flexgrid grid grid-layout

Last synced: 05 Oct 2025

https://github.com/alexchopin/vue-flexboxgrid

Vue components made with Flexboxgrid

css css-grid flexbox flexbox-grid vue-components vuejs vuejs2

Last synced: 12 Apr 2025

https://github.com/pikhovkin/dash-flexbox-grid

Wrapper around react-flexbox-grid for Plotly Dash

css-grid dash flexbox-grid plotly plotly-dash react react-components reactjs

Last synced: 29 Jan 2026

https://github.com/felipeorlando/tetris-grid

◼️Lightweight and simple CSS grid

css-grid flexbox flexbox-grid grid sass tetris tetris-grid

Last synced: 18 Mar 2025

https://github.com/pfrankov/greedo

Bootstrap-like flexbox-based responsive grid system.

bootstrap flexbox flexbox-grid greedo grid grid-layout grid-system responsive-grid

Last synced: 14 Apr 2025

https://github.com/garkuwa/react-responsive-layout-grid

React Responsive Grid Layout makes it easy to develop fluid layouts for mobile, tablet and desktop using ReactJs, Styled Components, CSS and Flexbox.

css flexbox flexbox-grid fluid-layout grid-layout grid-system react styled-components

Last synced: 01 Jul 2025

https://github.com/basir-mohammadi/capstone

Microverse Module 01 Project: This is an educational project designed to teach Micronauts how to make a website that highlights and showcases samples of some of the best work, learning progress and academic achievement in software development.

css flexbox-grid html javascript responsive-web-design

Last synced: 01 Oct 2025

https://github.com/valmisson/gridi

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...

bootstrap-grid css css-framework css-grid flexbox flexbox-grid grid grid-system mobile-first modern responsive scss

Last synced: 19 Mar 2025

https://github.com/shanisoni/infosys-css

Embark on a CSS adventure! Explore fundamental components like: 🌈 Color Alchemy: 📐 Layout Wizardry: responsive layouts, Flexbox, and Grids ✨ Animations & Transitions: 🧩 Flexbox & Grid Chronicles: 🛠️ Troubleshooting Arsenal:

animations-css backgrounds boxmodelling colors flexbox-css flexbox-grid flexibility-modeling layout miscellaneous positioning responsivedesign selectors transforms transitions typography

Last synced: 22 Jun 2025

https://github.com/alisharify7/html-page

Some page For Trian Html&Css - All sample pages that are available in this repository are inspired and made from popular sites and all pages are responsive

css flex flex-box flexbox flexbox-css flexbox-grid float gird-layout grid html html-css html-css-javascript html-layout html-template html-train html5 login-page website

Last synced: 07 May 2025

https://github.com/pafnuty/legrid

LEGRID — Простая, удобная и эффективная сетка на FlexBox.

css flexbox flexbox-grid grunt-task less pafnuty

Last synced: 25 Jul 2025

https://github.com/andym80/portfolio-am

Portfolio : setting up a desktop & mobile version

bootstrap css3 flexbox-css flexbox-grid hover-effects html javascript

Last synced: 08 May 2025

https://github.com/fylgja/fylgja-flex-grid

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

css css-grid flexbox flexbox-grid fylgja grid layout scss

Last synced: 24 Jul 2025

https://github.com/mouatezbenariba/template-html-css-04

Elzero Web School HTML/CSS Template 04 Challenge Solution : Elzero Dashboard

css3 flexbox-grid frontend html5

Last synced: 25 Jul 2025

https://github.com/markteekman/base-css

Responsive front-end HTML and SCSS starter template using a simple Flexbox Grid, basic Design System patterns and ES6 support for writing JavaScript functions. Powered by Gulp.

css css-framework design-system flexbox flexbox-grid gulp gulp-tasks html html-template patterns responsive scss scss-framework scss-template

Last synced: 11 Mar 2026

https://github.com/plug-ui/plugui

PLUG UI a collection of CSS only Pluggable & Lightweight UI Elements

flexbox-grid hacktoberfest scss shadow

Last synced: 11 Apr 2025

https://github.com/chicacode/shecodes

shecodes practice yoga page made with html and css

css-grid css3 flexbox flexbox-css flexbox-grid grid-layout html html5

Last synced: 01 Mar 2026

https://github.com/a-tokyo/at-flex-grid

💄A lightweight CSS3 flexbox grid with extra flex functionalities.

css css-framework css-grid customizable flex flex-grid flexbox flexbox-features flexbox-grid grid lightweight sass scss

Last synced: 28 Apr 2026

https://github.com/tripss/react-jss-grid

React JSS Grid a flexbox grid.

cssinjs flexbox flexbox-grid jss react react-jss

Last synced: 05 May 2026

https://github.com/hsynlms/sass-greedy

a flexible, lightweight and simple grid generator for sass

flex-grid flexbox-grid grid sass

Last synced: 11 Aug 2025

https://github.com/anthonylan/uncaught

A modern Responsive Front-end framework based on Flexbox

css-framework flexbox-grid frontend-framework lightweight modern-design responsive-design uncaught

Last synced: 19 Mar 2026

https://github.com/emmabostian/flexbox-vs-grid

A presentation on CSS Flexbox & CSS Grid

flexbox-grid

Last synced: 08 Jun 2026

https://github.com/knownasilya/ember-mobiledoc-grid

Grid layout cards for ember-mobiledoc-editor

ember-addon flexbox-grid mobiledoc

Last synced: 24 Mar 2026

https://github.com/skyv26/math-magician

Math Magician is the intermediate project for learning React.js in a fun and interactive way. This project will be updated from time to time by adding the features step by step. In this project, we will see Mathematics related utilities like calculators and some tricks or magic.

calculator-application css3 es6 eslint eslint-config flexbox-css flexbox-grid grid-layout jsx-syntax react reactjs single-page-app spa style stylelint

Last synced: 14 Apr 2026

https://github.com/chrisroland/defg-website

A cloud hosting platform built with HTML & CSS, animations, flexbox & grids. Created a personal Bootstrap-like css-utility classes.

animation-css bootstrap flexbox-grid html-css

Last synced: 12 Apr 2025

https://github.com/thenorthkun/fezco-ui

UI component library made using CSS 🧩

css flexbox-grid html javascript

Last synced: 24 Feb 2026

https://github.com/farahibrar/5-day-coding-challenge

I am documenting my journey through the Code Institute's 5-Day Challenge! Tasked with creating an engaging webpage teaching "How to make tea?" using HTML, CSS, and JavaScript, I embarked on this coding adventure. In addition to tackling the challenge prompts, I seized the opportunity to develop my own unique webpage as part of the challenge.

async-await attributes css csstransition cssvariables dommanipulation es6-javascript eventhandling fetchapi flexbox-grid html htmlforms hyperlinks javascript mediaelements pseudo-classes responsive-design semantichtml

Last synced: 16 Apr 2026

https://github.com/jomagene/four-card-feature-section

A nice layout-based challenge from frontend mentor, to test multi-column and responsive layouts, using Sass, flex and grid

flexbox-grid media-queries sass

Last synced: 28 Feb 2026

https://github.com/chandraprakash-bathula/grid-garden-solutions

This repository contains all the solutions of grid-garden game.

css3 flexbox-grid grid-layout html5

Last synced: 08 Nov 2025

https://github.com/kbariotis/gridorous

CSS grid exposed as a function to be used in CSS Modules

css-in-js flexbox-grid

Last synced: 20 Jul 2025

https://github.com/rileymanda/html5-portfolio-website

Portfolio project built to showcase my skills and experience with HTML CSS and Javascript semantics, git-flow, setup of linters, and code reviews and PR, as well as working with feature branches in a collaboration environment.

css3 flexbox flexbox-grid gitflow-workflow grid-layout html5 javascript

Last synced: 11 May 2026

https://github.com/muriungipatrick/gatsby-starter-uzito-blog

A ready to use, Gatsby Starter template easy to customize with SASS and FlexBox grid layout.

flexbox-grid gatsby gatsbyjs markdown react reactjs responsive-layout sass starter-template

Last synced: 01 Mar 2026

https://github.com/md-emon-hasan/the-modernist

"The Modernist" is a repository, featuring a project related to web development or design, possibly showcasing and contemporary a design.

css flexbox-grid grid-layout html5 jquery service-landing-page web-development

Last synced: 05 Jun 2026

https://github.com/lbwa/grid-style

:straight_ruler:Grid layout, implemented by flex-box.

flex-layout flexbox flexbox-grid grid grid-layout grid-system sass sass-library

Last synced: 01 Feb 2026

https://github.com/kauanrodrigues01/responsividade-com-mobile-first

Projeto criado durante curso de Responsividade com Mobile-first

css-flexbox css-grid css3 flexbox-grid mobile-first

Last synced: 27 Oct 2025

https://github.com/tassio-med/tech-works

Página web responsiva construida apenas com HTML5, CSS3 e Javascript.

api-fetch css3 flexbox-css flexbox-grid html5 javascript

Last synced: 18 May 2026

https://github.com/samedfft2634/recipe_webpage

I watched and made this page with John Smilga's narration and it was very instructive.

flexbox flexbox-grid grid-layout recipes-website variables-css

Last synced: 02 Jan 2026

https://github.com/adaleks/anywhere-flex

AnywhereFlex is a lightweight responsive CSS utility library to accompany Anywhere UI libraries and static webpages as well.

css flex flexbox flexbox-grid html javascript sass scss

Last synced: 18 Apr 2026

https://github.com/jmbl1685/what-is-azure

¿Qué es Microsoft Azure?

aos flexbox-grid hover smoothscroll

Last synced: 23 Feb 2025

https://github.com/gzixnine/css_course

This repository contains a thorough compilation of CSS assignments from Elzero Web School, encompassing a diverse array of topics. It begins with fundamental CSS syntax and styling principles, advancing to more intricate methods like responsive design, animations, and preprocessor utilization. Focused on clarity, depth, and practical application.

css css3 elzero-frontend-challenges elzero-web-school elzero-web-school-css-assignments flexbox-grid front-end-development web-development

Last synced: 14 May 2026

https://github.com/thenorthkun/fezmart

Fezmart is an e-commerce website for football enthusiasts.

css flexbox-grid

Last synced: 19 Aug 2025

https://github.com/codypearce/daily-todo-angular

Daily Todo App built in angular

angluar1 flexbox-grid todo

Last synced: 25 Apr 2026

https://github.com/skyv26/testimonial-grid-section

Real-world web development endeavor focusing on creating a professional and technically advanced grid section to showcase employee testimonials. Leveraging vanilla JS, I honed my skills while developing a responsive design with seamless transitions. This project exhibits my ability to create an impactful and visually appealing testimonial.

css3 flexbox-css flexbox-grid frontend gh-pages github html5 mit-license mobile-first responsive-design

Last synced: 27 Apr 2026

https://github.com/mrpunkdasilva/fem-easybank

Respositorio para o Projeto Easy Bank - HTML5 & CSS3 + Sass (Usando Layout Flexbox, Grid e Responsive) & JS

css3 flexbox-grid html5 javascript responsive-design sass

Last synced: 13 Apr 2026

https://github.com/iamwatchdogs/unitconversion

A simple webpage that performs unit conversion.

css3 flexbox-grid html5 javascript pure-css pure-javascript

Last synced: 13 Apr 2026

https://github.com/jeniya14/gaming-info-webpage

This project is a gaming information webpage dedicated to football. It provides detailed information using a flex-based layout, implemented solely with HTML and CSS

css flex flexbox-grid html

Last synced: 09 Apr 2025

https://github.com/manikmaity/clipboard-landing-page

This is a solution to the [Clipboard landing page challenge on Frontend Mentor](https://www.frontendmentor.io/profile/ManikMaity).

clipboard css css3 flexbox-grid front-end frontend-mentor html html-css landing-page website-development

Last synced: 13 Apr 2026

https://github.com/lalomts/flexgrid-js

A customizable 12 column flexbox grid, built with jss

cssinjs flexbox-grid jss react

Last synced: 17 Mar 2025

https://github.com/dinesh2510/android-tools-kotlin

android basic features using kotlin like single, multiple Selection, slider using Recyclerview and Viewpager, MVVM pattern

android flexbox flexbox-grid flexbox-layout flexbox-layouts flexbox-recyclerview kotlin kotlin-android kotlinmvvm mvvm mvvm-android mvvm-architecture mvvm-framework singleselect slider-viewpager viewmodel viewpager

Last synced: 07 Oct 2025

https://github.com/sivadass/mini-sass-grid

Minimal Responsive Flex based grid system for SASS

css flexbox-grid sass scss stylesheet

Last synced: 20 Apr 2026

https://github.com/mystackbox/prj-mabunda-group

a static angular website that uses master-page with the implementation of lazy-loading, developed using grid-layout and flexbox-layout models, to achieve Responsive Web Design concept..

angular-cli angular2 flexbox-grid grid-layout html5 lazy-loading master-pages node-js responsive-web-design restful-api scss-styles typescript unit-testing

Last synced: 29 Apr 2026

https://github.com/mayen007/contact-form

This is a solution to the Frontend Mentor Contact Form challenge, featuring a responsive and accessible form with validation for required fields, email format, query type, and consent. Built with HTML, CSS, and JavaScript, it includes a success message upon form submission.

accessibility dom-manipulation error-handling flexbox-css flexbox-grid form-validation form-validation-js form-validator-javascript html-forms ui-design

Last synced: 08 Apr 2025

https://github.com/harsh825/odin-landing-page

A landing page built as part of The Odin Project curriculum's Foundations course. This project demonstrates fundamental HTML and CSS skills, including flexbox layouts, and proper semantic markup. Features a hero section, services overview, and contact information in a clean, professional design

flexbox flexbox-grid

Last synced: 19 Feb 2026

https://github.com/wadiebenabdouh/ondeck

sharpening my responsive design skills.

css css-grid flexbox flexbox-grid html

Last synced: 23 Sep 2025

https://github.com/zoobereq/mytimes

This repository contains the "MyTimes" project developed for Codecademy.

codecademy codecademy-intensive css flex flexbox flexbox-css flexbox-grid html webdesign website

Last synced: 04 Apr 2025

https://github.com/zoobereq/tea-cozy

A project developed for the Codecademy Intensive Course "Build Websites from Scratch"

codecademy codecademy-intensive css css3 flexbox flexbox-css flexbox-grid flexbox-layout html html5

Last synced: 04 Apr 2025

https://github.com/sarwarsunjid/tailwind-css

Tailwind CSS flexbox and grid implementation

css flexbox-grid html5 tailwind tailwindcss

Last synced: 14 May 2026

https://github.com/luis92guimaraes/x-men-project

Projeto criado para estudos de HTML, CSS e JS.

css3 figma flexbox-css flexbox-grid html5 javascript

Last synced: 02 May 2026

https://github.com/sahartahouri/coin360

Coin360 main page clone for learning purposes using HTML, CSS (flexbox & grid), JS. Responsive.

clone-website css flexbox flexbox-css flexbox-grid front-end grid grid-css html js responsive responsive-web-design

Last synced: 02 May 2026

https://github.com/erickboyzo/atl-transit-buddy

Atl Transit Helper was built as an application for personal use. Integrated with the MARTA Transit API it provides real-time updates for transit information.

angular angular-cli angular-material atl-transit-helper flexbox-grid lambda-functions marta material-components netlify-lambda scss typescript

Last synced: 08 Apr 2026

https://github.com/zoobereq/secret-agent-supply

Project developed for Codecademy Intensive "Build Websites from Scratch". Utilizes HTML5, CSS3 + Flexbox, Media queries, and responsive design

codecademy codecademy-intensive css css3 flexbox flexbox-css flexbox-grid html-css html5 media-queries responsive-design responsive-web-design

Last synced: 20 May 2026

https://github.com/juiceboxes/juice-grid

Lightweight, simple, grid system using CSS Grid OR Flexbox

css cssgrid flexbox flexbox-grid grid grid-layout grid-system sass scss

Last synced: 04 May 2026

https://github.com/narendrakoya999/personal-portfolio-website

This is a personal portfolio website using HTML5, CSS3, JavaScript (ES6+)

css3 dom-manipulation flexbox-css flexbox-grid html5 javascript responsive-design

Last synced: 20 May 2026

https://github.com/markteekman/new-game

Start a new game (project), ideal for building simple HTML, CSS and JavaScript websites. Includes a Flexbox Grid, Breakpoints, Colors, Space Tokens and Size Tokens.

css flexbox flexbox-grid gulp html html-css-javascript javascript template

Last synced: 03 May 2026