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/dcubix/flexer

Simple flexible layout engine for C++

flexbox flexible layout-engine

Last synced: 19 Nov 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/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/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/henriquecustodia/fuux

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

css flexbox flexbox-library

Last synced: 12 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/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: 09 Nov 2024

https://github.com/pafnuty/legrid

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

css flexbox flexbox-grid grunt-task less pafnuty

Last synced: 14 Oct 2024

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

https://github.com/tomkp/flexbox

I ♥ Flexbox. Forever.

css flexbox

Last synced: 13 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/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/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/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: 23 Oct 2024

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/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/dherault/flexpad

CSS grid: no more rows and columns

css flexbox grid layout

Last synced: 13 Oct 2024

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

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: 02 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: 24 Oct 2024

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: 18 Oct 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/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/eddort/react-flexer

flexbox grid layout like rebass, just faster

cssinjs flexbox quarkly react rebass styled-components styled-system

Last synced: 11 Oct 2024

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/bfollington/restack

SwiftUI inspired layouts for React

emotion flexbox hstack react swiftui typescript vstack

Last synced: 27 Oct 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/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: 26 Oct 2024

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

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

Js, bootstrap, dom, flexbox notes.

bootstrap dom flexbox javascript js

Last synced: 10 Nov 2024

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

Responsive flexbox grid for styled-components.

flexbox grid react styled-components

Last synced: 12 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/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: 09 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/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/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/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/nemikolh/yoga-sys

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

flexbox rust

Last synced: 08 Nov 2024

https://github.com/axelf4/flexlayout

C library for performing layout on flex containers

flexbox

Last synced: 11 Oct 2024

https://github.com/AbhishekKalavadiya/maper

A location-based website using React as Frontend and NodeJs, ExpressJS as backend, and MongoDB as Database. On this website, I had use MapBox for the world map and React-Mapbox-gl for configuration. We can select the place where we had visited and added the photo URL, so the entry will be seen on the map and in the visited place area. We can delete or modify the changes in the Entry we had created. It is a responsive website with live location of a point on the map. The Backend is deployed on Heroku and the frontend is deployed on Netlify.

expressjs flexbox helmet heroku mangodb mapbox mapbox-gl-js material-ui mongoose morgan netlify nodejs react-hooks reactjs reactmapgl

Last synced: 30 Oct 2024

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

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

https://github.com/vuexltd/preact-flex-layout

Flexbox layout engine for preact. Based on angular material's layout engine.

flexbox preact react

Last synced: 10 Nov 2024

https://github.com/starsheriff2/thenextweb-responsive-design-clone

NextWeb.com homepage clone. The objective was to create a fully responsive website for different viewports and screen sizes. Lots of grids and flexboxes were used here. Background images were used to make images responsive and keep the aspect ratio.

aspect-ratio background-image flexbox grid-layout html outline-tree responsive-design responsive-web-design

Last synced: 07 Nov 2024

https://github.com/cmolinan/portfolio-project

This Portfolio was built entirely in HTML/CSS and JavaScript for DOM Manipulation, using technologies such as Flexbox and Grid, and applying Responsive design. It is based on a FIGMA design

css3 figmadesign flexbox grid-layout html5 responsive-web-design

Last synced: 27 Oct 2024

https://github.com/bmf-san/sea.css

sea.css is a simple and easy to use css framework.

bem css css-framework flex flexbox minimal postcss

Last synced: 16 Oct 2024

https://github.com/benjoquilario/fem-insure-landing-page

18. Frontend mentor challenge insure landing page master

bem challenge css3 flexbox frontendmentor grid js sass

Last synced: 02 Nov 2024

https://github.com/hellofromtonya/my-personal-website

My Personal Website - Static Pages.

flexbox javascript jquery php sass

Last synced: 20 Oct 2024

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

https://github.com/tobua/react-native-cols

Grid Component for React Native

columns flexbox grid layout react react-native

Last synced: 15 Nov 2024

https://github.com/abdussattar-70/capstone-1

This repThis repo is a part of the learning purpose that I made to how to use html css and js best practices.

css3 flexbox grid-layout html5 javascript

Last synced: 20 Oct 2024

https://github.com/sandromiguel/cecilia-css

A set of tools for quick development of web interfaces.

css css-framework flexbox responsive sass

Last synced: 27 Oct 2024

https://github.com/mouatezbenariba/elzero-frontend-challenges

🎨This repository contains Elmouatez Billah Benariba Solutions of Elzero Web School Frontend Challenges

css css3 flexbox frontend html html5 responsive-web-design

Last synced: 05 Nov 2024

https://github.com/virag-ky/electric-car-landing-page

A landing page about an electric car company.

css flexbox html odin-project

Last synced: 12 Nov 2024

https://github.com/yaairfernando/newsweek

Project developed with HTML5, CSS3 and Bootstrap that shows a responsive web design of NewsWeek homepage

css-grid css3 flexbox html5

Last synced: 08 Nov 2024

https://github.com/brianmaierjr/brianmaierjr.github.io

Current version of my portfolio

css flexbox html jekyll static-website svg

Last synced: 14 Nov 2024

https://github.com/avine/bem-flex-grid

CSS flex grid, BEM compliant.

bem css3 dashboard flexbox grid layout responsive sass

Last synced: 06 Nov 2024

https://github.com/fernandohenriques/jogo-da-velha

Jogo da Velha. Humano vs. Robô

css flexbox javascript webpack

Last synced: 11 Oct 2024

https://github.com/sabbirrahman/rock-paper-scissors

Classical Game Rock! Paper! Scissors!

css es6 flexbox game gulp html javascript

Last synced: 12 Nov 2024

https://github.com/rehan-ankalgi-7t2/realestate-website

Real Estate website designed in Adobe XD, built with html, scss, javascript

css3 design flexbox html5 javascript sass scss smooth-scrolling ui-design ux-design

Last synced: 03 Nov 2024

https://github.com/sturdynut/how-to-flexbox

💫 A learning tool for visualizing how flexbox works

angular css flexbox flexbox-css typescript

Last synced: 12 Nov 2024

https://github.com/tsheporamantso/first-capstone-project

On this milesone, I've built a online website for a conference based on the original design idea by Cindy Shin.

css3 flexbox html5 javascript

Last synced: 19 Nov 2024

https://github.com/altontonn/tech-pro

A portfolio that show case previous projects and current back-end and front-end technologies

bootstrap5 css flexbox javascript sass

Last synced: 27 Oct 2024

https://github.com/sneikki/tidgrid

Tiny and expressive CSS library for responsive web development

css css-framework flexbox functional-css grid responsive scss

Last synced: 02 Nov 2024

https://github.com/dori-dev/frontend-sample

Some frontend concept, like flex box, css grid and responsive website!

css css-grid flexbox flexbox-css frontend responsive website

Last synced: 09 Nov 2024

https://alphago88.github.io/Zero-UI/

An easy-to-use web UI component framework.

css css-framework flexbox javascript

Last synced: 16 Nov 2024

https://github.com/onjoseph/portfolio

Build a portfolio as part of Microverse's projects

css css3 flexbox html html5 microverse portfolio scss

Last synced: 21 Oct 2024

https://github.com/srikant-code/my-front-end-codes

This consists of my front end projects in which I have coded in CSS and JS. Check this out you will surely enjoy the README.md.

calculator-application clip-path conveyor-belt css css-animations flexbox html-css-javascript javascript movie-recommendation movies movies-api sass scss space svg-animations

Last synced: 09 Nov 2024

https://github.com/jomagene/product-prieview-page

This challenge is to build out this product preview card component and get it looking as close to the design as possible.

accessibility flexbox sass

Last synced: 17 Nov 2024

https://github.com/bibhushankarki/flex-panel-gallery

A simple gallery made with css flexbox and some js. (Quarentine time pass!) 🤪

css flexbox html js

Last synced: 18 Nov 2024

https://github.com/kishor-kumar-namdeo/simplify

Simplify is a progressive CSS framework

css css-framework flexbox

Last synced: 15 Oct 2024

https://github.com/1000ch/x-flexbox

Web Components which provide Flexbox features.

flexbox layout web-components

Last synced: 28 Oct 2024

https://github.com/5hraddha/100daysoflovechallenge

100daysoflovechallenge is a web service that encourages users to spread love by action & to spread positive vibes by publicly sharing the tasks

css-grid express flexbox html-css-javascript html5 js twitter-api

Last synced: 10 Nov 2024

https://github.com/brandonfl/bulma-prefix

Bulma CSS framework with bulma as css prefix

bulma css flexbox framework prefix responsive sass

Last synced: 27 Sep 2024

https://github.com/jomagene/newsletter-sign-up-with-success-message

Responsive form with email validation, built with Flexbox and Sass. Uses local storage to display email on the success page.

flexbox mobile-first sass validation

Last synced: 15 Oct 2024

https://github.com/globeandmail/tgam-flexboxgrid

🔠 A mobile-first flexbox grid system based on the CSS flex display property

flexbox flexbox-grid gulp mobile-first scss

Last synced: 28 Sep 2024

https://github.com/bankole2000/portfolio

🤵 First Personal Portfolio website

css-grid flexbox node node-sass portfolio projects sass

Last synced: 15 Oct 2024

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

React JSS Grid a flexbox grid.

cssinjs flexbox flexbox-grid jss react react-jss

Last synced: 18 Oct 2024

https://github.com/nazmulidris/react-native-learning

This project is to explore the different aspects of React Native and Flexbox layout in order to be able to create real world apps.

flexbox flexbox-layout flow-typed react react-native react-native-learning redux

Last synced: 13 Oct 2024

https://github.com/srikant-code/my-portfolio

It's my portfolio in progress. Give it a star if you liked it.

css3 flexbox html-css-javascript html5 javascript portfolio sass sass-mixins seo-friendly

Last synced: 15 Oct 2024

https://github.com/suamirochadev/programaone-frontend

O ONE é um programa de educação e empregabilidade com objetivo social de capacitar pessoas em tecnologia e conectá-las com o mercado de trabalho por meio de empresas parceiras.

ajax-form css dom flexbox frontend grid html layout oop-in-javascript responsive-web-design

Last synced: 08 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 Nov 2024