Projects in Awesome Lists tagged with flexbox

https://github.com/betsydupuis/plasma.css

A robust, yet minimalist CSS grid framework based on Flexbox.

css flexbox grid-framework grid-layout grid-system sass

Last synced: 09 Jan 2025

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

https://github.com/dori-dev/store-template

E-commerce template with HTML CSS JS.

chart chartjs css css3 draggable-elements flexbox font-awesome grid html html5 javascript js login login-page owl-carousel panel

Last synced: 09 Nov 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/ela-fhd/microsoft

I developed Microsoft website with html, css, flexbox and css grid,I hope you enjoy it 💚

css css-grid flexbox html mediaquery

Last synced: 28 Nov 2024

https://github.com/derekbtw/color-cards

Flexbox color scheme cards

branding brands card cards color-scheme colors css flexbox sass scss themes

Last synced: 29 Jan 2025

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: 13 Feb 2025

https://github.com/seigtm/seigtm.github.io

My personal portfolio website.

css css-flexbox flexbox flexbox-css html html-css html-css-javascript html5 javascript js portfolio portfolio-website resume resume-website website website-design website-development website-template websites

Last synced: 09 Nov 2024

https://github.com/code-axion/responsive-navbar-with-dropdown-menu-html-css-and-javascript

blog css css-grid css-grid-template design dropdown dropdown-list dropdown-menu dropdown-menus dropdown-nav flexbox frontend grid html menu navbar navbar-css navbar-mobile web website

Last synced: 15 Jan 2025

https://github.com/yuriy-kulakovskyi/pizza-webpage

Website for pizza and sushi shop

component css flexbox font-awesome git gitignore html5 javascript jquery main master pet-project pizza reactjs scss sushi webpage website

Last synced: 18 Nov 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: 20 Feb 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: 17 Nov 2024

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

My Personal Website - Static Pages.

flexbox javascript jquery php sass

Last synced: 03 Feb 2025

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/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/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/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/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: 02 Jan 2025

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/tobua/react-native-cols

Grid Component for React Native

columns flexbox grid layout react react-native

Last synced: 15 Nov 2024

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: 22 Jan 2025

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/belkacemyerfa/xypo

an Elearning platform landing page 📄

css flexbox html5 js responsive-design

Last synced: 18 Feb 2025

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: 18 Feb 2025

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/aigiol/xamarin-bindings

Xamarin.Android and Xamarin.iOS binding

android circleimageview flexbox nuget nuget-package nuget-packages overscroll pull-to-refresh pulltorefresh refreshlayout shimmer xamarin xamarin-android-binding xamarin-android-library xamarin-binding xamarin-bindings xamarin-library

Last synced: 18 Feb 2025

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/ahmadrezamozaffary/404page

HTML - CSS - JS (GSAP)

animations cdnjs css5 figma flexbox gsap html5 media-queries svg svg-animations svg-path

Last synced: 13 Jan 2025

https://github.com/ahmadrezamozaffary/500page

HTML - CSS - JS (GSAP) 🏅

animation border-radius cdnjs css3 figma flexbox gsap html5 media-queries path svg svg-animations

Last synced: 13 Jan 2025

https://github.com/sj22032003/geeks-module-3

This is a repo for students on module 3

animation-css css flexbox grid hmtl5 learn-to-code position project tailwindcss web-development

Last synced: 06 Jan 2025

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: 05 Jan 2025

https://github.com/ramonxm/flexbox-and-grid

🪄 | Simple Flexbox and Grid Examples

css flexbox grid

Last synced: 15 Feb 2025

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

Classical Game Rock! Paper! Scissors!

css es6 flexbox game gulp html javascript

Last synced: 11 Jan 2025

https://github.com/benevolarx/b-css

small css framework

b-css css-framework custom-properties flexbox functionnal-css grid lightweight

Last synced: 05 Jan 2025

https://github.com/mashamoreva/mesto-project-bootcamp

📷 Проект: "Mesto Russia"

flexbox grid-layout media-queries

Last synced: 28 Jan 2025

https://github.com/saketkothari/cloudify

The most reliable HTML, CSS, simple template for developing responsive, mobile first web applications on the web.

aos-animation css3 flexbox grid-layout html5 mobile-first normalize-css responsive-website typography

Last synced: 26 Jan 2025

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

Web Components which provide Flexbox features.

flexbox layout web-components

Last synced: 28 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: 02 Feb 2025

https://github.com/iguilhermegr/myfirst-project

Aprendendo flex, flexbox e Box-sizing

firstproject flex flexbox html5 project

Last synced: 22 Nov 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/onjoseph/portfolio

Build a portfolio as part of Microverse's projects

css css3 flexbox html html5 microverse portfolio scss

Last synced: 04 Feb 2025

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

Simplify is a progressive CSS framework

css css-framework flexbox

Last synced: 01 Feb 2025

https://github.com/tsheporamantso/my-resume

Professional resume, depicting acquired skills, education, work experience and projects I've worked on thus far.

flexbox grid-layout html5 scss-framework

Last synced: 01 Feb 2025

https://github.com/bankole2000/portfolio

🤵 First Personal Portfolio website

css-grid flexbox node node-sass portfolio projects sass

Last synced: 12 Feb 2025

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/achique-luisdan/web-travel-preferences

Componente Web sobre preferencias turísticas, las opciones se presentan en un layout creativo hecho con Flexbox, animado con transformaciones y transiciones CSS

css flexbox html5 javascript layout web-component

Last synced: 23 Jan 2025

https://github.com/gui-ribeiro66/myfirst-project

Aprendendo flex, flexbox e Box-sizing

firstproject flex flexbox html5 project

Last synced: 23 Jan 2025

https://github.com/divyanshu013/responsive-login-signup

A beautiful responsive login and signup screen :rocket:

flexbox loginpage responsive signup-page stylus

Last synced: 24 Jan 2025

https://github.com/khomsiadam/scientific_calculator_pwa

Scientific Calculator PWA made with Javascript, each button as an object (with name, symbol, formula, type). The result of the operation and formula are joined as arrays part of an object data. Layout is made with Grid and Flexbox.

app calculator flexbox grid javascript pwa

Last synced: 24 Jan 2025

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: 19 Jan 2025

https://github.com/maxicorrea/react-notes-web

Application to create notes developed in ReactJS + TypeScript + Redux.

css flexbox jest-tests jss notes-app react react-hooks react-redux reactjs redux redux-testing redux-thunk typescript unit-testing

Last synced: 11 Jan 2025

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/sturdynut/how-to-flexbox

💫 A learning tool for visualizing how flexbox works

angular css flexbox flexbox-css typescript

Last synced: 11 Jan 2025

https://github.com/raizacirne/cards-responsivos

Criação de cards responsivos utilizando HTML e CSS

css3 flexbox html5 responsive-design

Last synced: 08 Nov 2024

https://github.com/moyasiginko/portfolio-site

Portfolio Site project is a mobile-first approach project, creating a responsive and user-friendly website. It prioritizes seamless functionality on mobile devices, showcasing the creator's skills, achievements, and work samples. With modern web technologies, it delivers an optimal user experience across different screen sizes. #PortfolioSite

css css-grid-layout css3 flexbox html javascript modals portfolio

Last synced: 28 Jan 2025

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: 23 Jan 2025

https://github.com/mrpunkdasilva/coffee-website

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

css css-grid css3 flexbox html html5 responsive

Last synced: 19 Feb 2025

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: 12 Feb 2025

https://github.com/santosh-baliarsingh/facebook_login_page

Facebook Login Page UI Design

css3 flexbox html5

Last synced: 18 Feb 2025

https://github.com/zoomla/laoweb

精品网页项目,全响应式+flexbox布局

css flexbox html5

Last synced: 02 Jan 2025

https://github.com/alizayayesha/flexbox-photo-gallery

showcasing a simple photo gallery with flex box https://alizayayesha.github.io/flexbox-photo-gallery/

css css3 flexbox html html5

Last synced: 24 Jan 2025

https://github.com/adriwco/flexblog

Layout responsivo utilizando propriedades do Flexbox.

css flexbox github-pages html landing-pages

Last synced: 31 Jan 2025

https://github.com/gabrieldejesus/twitter-profile

🐤 A clone of the profile page of a common user on twitter

css flexbox html interfaces learning profile-page twitter twitter-profile

Last synced: 23 Oct 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/mashamoreva/how-to-learn-bootcamp

📚 Проект: "Научиться учиться"

css3 flexbox html5

Last synced: 29 Nov 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/fernandohenriques/jogo-da-velha

Jogo da Velha. Humano vs. Robô

css flexbox javascript webpack

Last synced: 10 Feb 2025

https://github.com/lastnamearya/css-flexbox

Learning CSS Flexbox 🍭 with @wesbos :bowtie:

css flexbox flexbox-css wesbos

Last synced: 14 Feb 2025

https://github.com/siarie/fxgrid

Simple CSS grid framework based on flexbox.

css css-grid flexbox framework grid scss showcase

Last synced: 12 Feb 2025

https://github.com/daguttt/ecoactualizate

Sitio web informativo. Diseñado con Figma. Desarrollado con HTML, CSS y Vanilla JavaScript

css design-system figma flexbox html js scripts

Last synced: 09 Feb 2025

https://github.com/viniciusfer01/herm-challenge

This app is a todo list that saves its todos in Google's Firestore database.

css css3 firebase firestore flexbox javascript reactjs responsive-design serverless todo todoapp todolist uuid

Last synced: 27 Jan 2025

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

Bulma CSS framework with bulma as css prefix

bulma css flexbox framework prefix responsive sass

Last synced: 21 Jan 2025

https://github.com/mk-manishkumar/learning-mern

This repository contains all my learnings related to Web Development. It encompasses a wide spectrum of topics, starting from the fundamental building blocks like HTML, CSS, and JavaScript, to more advanced technologies like React, NodeJS, ExpressJS and MongoDB.

css expressjs flexbox grid html javascript nodejs reactjs xml

Last synced: 11 Nov 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: 22 Jan 2025

https://github.com/the-manpreet-singh/personal-web-blog

Udacity Nano-degree Program Project

css3 flexbox flexbox-grid gird-system html5 media-queries

Last synced: 10 Jan 2025

https://github.com/muhammadhamzaaslam/sign-up-details-on-dashboard

This is Simple SignupForm When You SignUp when go Dashboard page where you find your information that you filled in Form 😎

css3 dom firebase flexbox functions html-css-javascript html5 javascript

Last synced: 23 Jan 2025

https://github.com/g-ribeiro-tsx/myfirst-project

Aprendendo flex, flexbox e Box-sizing

firstproject flex flexbox html5 project

Last synced: 06 Jan 2025

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://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/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: 02 Jan 2025

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: 13 Feb 2025

https://github.com/vmwhoami/the-next-web

The goal of this project is to build a responsive clone of The Next Web website. I used media queries to target different screen sizes. The website fits on different screen sizes.

concepts flex flexbox flexbox-css grids

Last synced: 06 Jan 2025

https://github.com/proehavshiy/react-mesto-auth

React SPA "Mesto"

css-grid flexbox grid javascript react react-app

Last synced: 18 Nov 2024

https://github.com/rileymanda/scimovies-capstone-project

SciMovies is a Full Stack dynamic single page application dedicated to showcasing a vast collection of scifi tv shows and movies. The website consumes its data from TvMaze API and Posts the user interaction likes on each tv show to the involvement API

css3 es6-modules fetch-api flexbox grid html5 javascript jest lodash webpack-cli webpack5