Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

Projects in Awesome Lists tagged with flexbox

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

https://github.com/preethi-dev/modern-layout-01

CSS grid enable the modern layouts. This the 1st layout of modern layout series. #Made-In-CSS-Grid

css css-grid css3 css3-grid flexbox grid html5 layout layouts modern-layout-01 responsive responsive-layout responsive-web-design

Last synced: 11 Nov 2024

https://github.com/janczizikow/emotion-flex

Fully customizable responsive grid system build with emotion, based on Bootstrap's grid.

emotion flexbox react

Last synced: 28 Oct 2024

https://github.com/erkobridee/react-socket-simple-chat

[OUTDATED] a simple chat application that uses react.js, redux and socket.io

flexbox hmr-support i18next mobile-first reactjs redux sass socketio webpack4

Last synced: 17 Nov 2024

https://github.com/bestyun/flexlayoutkit

Flexbox in Swift,like SwiftUI and Flutter

declarative-ui flex flexbox flexbox-css flutter swift swiftui uikit yoga yogakit

Last synced: 14 Oct 2024

https://github.com/traleor/templates

Traleor templates are crafted with love to help you to build or customize your own website templates.

cms css3 flexbox flexible-content grid-layout html-css-javascript html5 traleor

Last synced: 22 Dec 2024

https://github.com/1j01/bookmarklets

🔖 Fun functions, surreal when applied to websites you're familiar with

bookmarklet bookmarklets flexbox fun javascript silly surreal

Last synced: 10 Nov 2024

https://github.com/isradeleon/coraline

Alternative CSS only framework based on Flexbox

css css-framework css-only flexbox grid-system

Last synced: 28 Oct 2024

https://github.com/1000ch/grd-sass

Sass port of 1000ch/grd that is a CSS grid framework using Flexbox.

css flexbox framework grid sass

Last synced: 15 Oct 2024

https://github.com/djs66256/ddflexbox

An flexbox layout aimed at easy to use, which depend on Yoga.

flexbox swift yoga

Last synced: 08 Nov 2024

https://github.com/vxhly/scss-flex

flexbox 布局神器,使用 SASS 语法编写,使用 webpack 前端打包工具进行打包

css css-flexbox flex-sass flex-scss flexbox gulp sass sass-flex scss scss-flex

Last synced: 17 Nov 2024

https://github.com/adambien/webstandards.training

Sample code for the "Zero Dependencies" Web Standards training

browser browsersync css es6 es7 flexbox grid html5 websocket webstandard

Last synced: 04 Dec 2024

https://github.com/tobinchilongo/portfolio-setup

This is my portfolio website showcasing my work as a web developer and technologies used this project were Html, Css and a bit of javascript.

css3 flexbox html5 javascript

Last synced: 25 Dec 2024

https://github.com/georgewpark/instagram-profile-layout

This project demonstrates how CSS grid (with flexbox and float fallback) can be used to re-create the layout of an Instagram profile page.

css css-grid design flexbox layout

Last synced: 15 Nov 2024

https://github.com/virag-ky/youtube-clone

This is a YouTube clone project where I display some of my favorite music videos.

css flexbox grid html youtube

Last synced: 12 Nov 2024

https://github.com/sixarm/sixarm_css_holy_grail_layout_with_flexbox

SixArm.com » CSS » Holy Grail layout with flexbox

css flexbox holy-grail layout

Last synced: 12 Dec 2024

https://github.com/raminmammadzada/online-shop-frontend

The online commerce frontend page created by using pure HTML, CSS and bootstrap library.

bootstrap4 css3 flexbox frontend html

Last synced: 11 Dec 2024

https://github.com/manzdev/css-grid-cards

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

css css-grid flex flexbox grid grid-css javascript postcss talks

Last synced: 11 Nov 2024

https://github.com/mobi-css/mobi-plugin-flexbox

The flexbox plugin for Mobi.css

css flexbox mobi-css mobi-plugin

Last synced: 10 Nov 2024

https://github.com/oybekkayumov/flexbox-2022

This repo helps to learn the basics of flexbox. Flexbox is a very important and useful tool in CSS.

css3 flexbox github html5

Last synced: 06 Jan 2025

https://github.com/ryu-man/svelte-layouts

Easily structure your page using components

css flexbox grid html javascript layout svelte

Last synced: 08 Dec 2024

https://github.com/acrool/acrool-react-grid

CSS IN JS following Bootstrap RWD design, composed of React + Styled Component

acrool bootstrap flexbox grid-system react react-bootstrap react-grid styled-components typescript

Last synced: 15 Nov 2024

https://github.com/kaisermann/rolleiflex

A Flexbox grid & helper framework made with Stylus and BEVM

css flexbox framework grid helpers preprocessor stylus

Last synced: 27 Oct 2024

https://github.com/thepuskar/yelp-clone

CLONE of popular YELP web application using create-react-app as a base from scratch using React (functional component & Custom Hooks), Yelp Fusion REST API, Bulma CSS and flex-box methodology.

bulma-css create-react-app flexbox functional-components react react-hooks react-router rest-api yelp yelp-clone yelp-fusion-api

Last synced: 14 Oct 2024

https://github.com/moso/flexgrid

Flexgrid - a simple grid based on flexbox layout

css flexbox grid html

Last synced: 17 Feb 2025

https://github.com/machy8/grid

🍫 Intuitive, easy to use, mobile first CSS framework based on Flexbox.

css css-framework flexbox minimalist responsive ui webdesign

Last synced: 08 Jan 2025

https://github.com/henriquecustodia/fuux

:cyclone: :sunglasses: flexbox library to create amazing layouts

css flexbox flexbox-library

Last synced: 16 Feb 2025

https://github.com/ndikumanaisaie/to-do-list

"To-do list" is a tool that helps to organize your day. It lists the things that you need to do and allows you to mark them as complete. Built with JavaScript, HTML5 and CSS3

css3 flexbox html5 javascript

Last synced: 07 Nov 2024

https://github.com/helciodev/directory-of-schools

In this project I am required to use HTML and CSS to build an online directory of schools website

background-video css3 flexbox grid-layout html5

Last synced: 21 Oct 2024

https://github.com/wang2lang/no-layout-sass

a Sass library for you to write CSS layout easily with flexbox

flexbox sass sass-library

Last synced: 15 Oct 2024

https://github.com/garrettw/vitals

A minimalistic bundle of a few SCSS/Sass tools for building modern, flexible websites: a better normalize, shorthand stuff for flexbox and grid, and a fluid sizing function.

css flexbox grid grid-layout layout modern neat npm push-left sache sass sass-library scss scss-library semantic vitals vitals-grid yarn

Last synced: 15 Oct 2024

https://github.com/kendaganio/corgi

The css equivalent of a small and stupid log of fur.

css css3 flexbox responsive-web-design

Last synced: 15 Oct 2024

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: 27 Oct 2024

https://github.com/dcubix/flexer

Simple flexible layout engine for C++

flexbox flexible layout-engine

Last synced: 19 Nov 2024

https://github.com/augustrush/arlistview

How to implement a ListView (如何实现一个ListView)

collectionview flexbox tableview uiscrollview

Last synced: 14 Nov 2024

https://github.com/Nanasi-CSS/Nanasi-CSS

Responsive and pure CSS framework built on Flexbox. 🍍

css css-framework flexbox framework frontend html nanasi-css tanzania tz web-development

Last synced: 14 Nov 2024

https://github.com/powerlevel9000/documentationproject

This is a documention about cyber security if you want to know some basics of cyber security do chek it out , this project is build a long time ago when i 2was learning with free code camp for certification

css3 flexbox grid html5

Last synced: 03 Nov 2024

https://github.com/linusu/react-spacer

An element to repesent space between other elements, for use in flexbox layouts

flexbox react react-native spacer

Last synced: 04 Jan 2025

https://github.com/theonlybeardedbeast/yogaflex.uwp

Flexbox layout (Panel) implemented for UWP

c-sharp flex flexbox layout uwp windows xaml xaml-layout yoga

Last synced: 14 Feb 2025

https://github.com/haroonabdulrazaq/mint

This project is tailored to better understand HTML Forms (using the right form elements)and CSS Styling using Grid and Flexbox. by cloning Mint clone Sign Up form.

css3 flexbox grid html5 mint-clone

Last synced: 12 Jan 2025

https://github.com/tomkp/flexbox

I ♥ Flexbox. Forever.

css flexbox

Last synced: 13 Oct 2024

https://github.com/pafnuty/legrid

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

css flexbox flexbox-grid grunt-task less pafnuty

Last synced: 14 Oct 2024

https://github.com/p10ns11y/comment-on-highlight

A medium like comment on highlight with comments and texts anchor linked without any third-party packages just purely react, javascript and DOM

css3 dom flexbox javascript react

Last synced: 08 Nov 2024

https://github.com/jpdf00/html-and-css-2.0-project-2-building-with-responsive-design

This the second project in Microverse's HTML and CSS module. It consists of a reproduction of The Next Web (https://thenextweb.com/) homepage.

flexbox grid-layout responsive-web-design

Last synced: 02 Feb 2025

https://github.com/starsheriff2/salsa-bachata-summit-2020

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

css css-grids flexbox html5 microverse sass

Last synced: 07 Nov 2024

https://github.com/mateo951/to-do-list

The project's goal is to learn how to use webpack. "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!

css flexbox html javascript linters

Last synced: 18 Jan 2025

https://github.com/umeshmk/react-schematic

Build responsive react layouts using styled schematics without an overhead of any theme configuration

css flexbox grid react styled-components typescript

Last synced: 22 Nov 2024

https://github.com/ha-manel/odin_landing_page

this is a TOP's (The Oden Project) project to practice flexbox and basic HTML and CSS notions

css flexbox html odin top

Last synced: 25 Jan 2025

https://github.com/jakewies/flexomatic

A flexbox grid system built with styled-components and based on the Solved by Flexbox implementation

component-library flexbox javascript react styled-components

Last synced: 28 Oct 2024

https://github.com/dherault/flexpad

CSS grid: no more rows and columns

css flexbox grid layout

Last synced: 13 Oct 2024

https://github.com/chasegiunta/wrap-aware

Detect when flexbox children wrap and apply specified classes to both the flexbox and any wrapped flex items.

css flexbox tailwindcss

Last synced: 04 Dec 2024

https://github.com/adamseckel/emotion-box

📦 a collection of css-in-js flexbox layout components, for React, with https://emotion.sh

css-js emotion flexbox hoc layout react styling

Last synced: 07 Nov 2024

https://github.com/avestura/eventtemplate

📅 A simple template that I've created with flex-box

css event-management events flex flexbox guilan-university html js template website-template

Last synced: 14 Nov 2024

https://github.com/ismailco/first-capstone-project_conference-page

This is the first project capstone on microverse, I learned while building this project HTML, CSS, and DOM manipulation using JavaScript. This project was built with a Mobile-first design perspective and it's mobile responsive. for the design, the main technologies in CSS are flexbox and media query. The Festival was inspired by the boulevard music festival in morocco.

css3 flexbox html5 javascript

Last synced: 14 Jan 2025

https://github.com/mustansirzia/decky

Android app writtten in Kotlin which showcases fully draggable deck of cards.

android app cards flexbox kotlin native native-apps ui

Last synced: 03 Dec 2024

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: 30 Nov 2024

https://github.com/skyv26/raspbian-community-conference

The Raspbian Community Conference is a brand-new event led by the Raspberry Pi Foundation with lots of help from our community of young people, educators, hobbyists, and tech enthusiasts. It will be a chance for people of all ages and skill levels to have a go at getting creative with tech.

a11y accessibility css css3 dart-sass-compiler flex flexbox flexible grid grid-layout html html5 intersectionobserver-api responsive responsive-design responsive-layout responsive-web-design sass scss

Last synced: 19 Jan 2025

https://github.com/eddort/react-flexer

flexbox grid layout like rebass, just faster

cssinjs flexbox quarkly react rebass styled-components styled-system

Last synced: 13 Feb 2025

https://github.com/diegoh40/swimming-static-page

In this project I created my first static page using HTML and CSS, with a special theme for me which is swimming.

css flexbox html5

Last synced: 28 Dec 2024

https://github.com/adamseckel/flex-attributes

Compose layout with flexbox in html.

attributes css flexbox grid-layout mobile-first

Last synced: 07 Nov 2024

https://github.com/starostinlf/tkbo-03-21-website

Информационный многостраничник для группы ТКБО-03-21 (РТУ МИРА, ИПТИП, кафедра компьютерного дизайна)

bootstrap5 css flexbox grid-layout html jquery scss

Last synced: 04 Dec 2024

https://github.com/livewithcodeankit/nextjs13-listing

This is a web application built with Next.js that fetches data from a JSON file using Redux. The app provides a user interface for displaying a collection of series and movies. It includes various features and functionalities to enhance the user experience.

api flexbox html-css-javascript javascript json loader nextjs nextjs13 pagination reactjs redux tailwindcss

Last synced: 03 Feb 2025

https://github.com/livewithcodeankit/housing

This project is a responsive and readable housing template designed using Next.js, Tailwind CSS, and TypeScript. It provides a basic structure for creating a web application focused on housing listings or real estate.

css es6 flexbox googlefonts grid html5 nextjs13 tailwindcss typescript

Last synced: 03 Feb 2025

https://github.com/haroonabdulrazaq/newsweek-clone

This project is focused on building a Newsweek clone using Bootstrap and also using a mobile-first approach in building responsiveness to site

bootstrap css3 flexbox grid html5

Last synced: 06 Dec 2024

https://github.com/virag-ky/cocktails

A cocktail website built with JavaScript. Users can choose from categories or type a cocktail's name in the search and look up the details (instructions, ingredients).

api cocktail-db cocktails flexbox grid html javascript modules sass

Last synced: 12 Nov 2024

https://github.com/alitahir4024/phillip-gilbert-project

PHILLIP GILBERT website template is developed using full css flexbox

css-flexbox flexbox html-css margin padding phillip-gilbert positions

Last synced: 07 Dec 2024

https://github.com/faceless-ui/css-grid

A React library for building layouts using CSS Grid

css css-grid flexbox grid layout react react-component typescript

Last synced: 18 Dec 2024

https://github.com/blivesta/styled-flex-grid

Responsive flexbox grid for styled-components.

flexbox grid react styled-components

Last synced: 16 Feb 2025

https://github.com/hamlim/future-grid

A grid system for the future (and the past)

css css-grid css-grid-layout css-grids cssgrid flexbox framework grid ie8

Last synced: 07 Jan 2025

https://github.com/greeenboi/climate-hacks

The code for our website for our Movement 'Climate Catalyst'

animejs climate-change css3 flexbox html5 javascript netlify sustainability vanilla-javascript vite website

Last synced: 11 Nov 2024

https://github.com/onjoseph/joseph-portfolio

My personal portfolio website Built as part of Microverse's projects to show case my projects.

css3 flexbox html5 javascript microverse

Last synced: 21 Oct 2024

https://github.com/brettsmason/nth-grid

Nth Grid is a powerful grid system that allows you to create semantic horizontal or vertical grid layouts.

flexbox grid nth-grid sass vertical-grid-layouts

Last synced: 24 Oct 2024

https://github.com/bfollington/restack

SwiftUI inspired layouts for React

emotion flexbox hstack react swiftui typescript vstack

Last synced: 27 Oct 2024

https://github.com/wqweto/vbyoga

Facebook's Yoga bindings for VB6

css flex-layout flexbox vb6 yoga

Last synced: 20 Nov 2024

https://github.com/belkacemyerfa/github-profile-search

github web app that searches for users by there username

css flexbox github-api html javascript scss

Last synced: 18 Feb 2025

https://github.com/ahmetulucay/javascript-notes

Js, bootstrap, dom, flexbox notes.

bootstrap dom flexbox javascript js

Last synced: 10 Nov 2024

https://github.com/zcallan/flex-react

A lightweight React component library to build flex-based grids.

flex flexbox grid react

Last synced: 04 Jan 2025

https://github.com/axelf4/flexlayout

C library for performing layout on flex containers

flexbox

Last synced: 11 Feb 2025

https://github.com/mahammad-mostafa/personal-portfolio

That is the second project in the first module at Microverse program. It is a portfolio website built from a template in Figma.

css3 es6-javascript eslint flexbox grid-layout html-css-javascript html5 microverse microverse-projects microverse-students mit-license responsive-layout responsive-website styelint webhint

Last synced: 18 Oct 2024

https://github.com/cvilla714/htmlcapstoneproject

Built a Directory of Events, where the user can browse sports events over the weekend, For positioning elements, I used a grid, flex as the main technologies

bootstrap css flexbox grid html5

Last synced: 15 Nov 2024

https://github.com/nemikolh/yoga-sys

Rust bindings to yoga (https://facebook.github.io/yoga/)

flexbox rust

Last synced: 08 Nov 2024

https://github.com/lu-jim/mobile-portfolio

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.

css-grid css3 flexbox html javascript

Last synced: 06 Dec 2024

https://github.com/matijaoe/frontend_mentor

👷🏻‍♂️ Frontend Mentor projects

bem css flexbox html javascript sass scss tailwindcss vue

Last synced: 17 Nov 2024

https://github.com/mihailgaberov/mobile-sportsbook-app

AngularJS based mobile Sportsbook application (POC)

angular css flexbox html js mobile responsive sportsbook

Last synced: 17 Nov 2024

https://github.com/paulonteri/web-hosting-homepage

A simple website homepage for web hosting company built with HTML, CSS and a sprinkle of Javascript.

css3 flexbox html html5 javascript media-queries website

Last synced: 14 Jan 2025

https://github.com/seothemes/hybrid-sample

A search engine optimized, mobile-first sample theme based on the Hybrid Framework.

accessibility flexbox gulp hybrid-core sass schema-org search-engine-optimization wordpress-starter-theme wordpress-theme

Last synced: 30 Dec 2024