Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with css-flex

A curated list of projects in awesome lists tagged with css-flex .

https://github.com/msarmadqadeer/news-website-ui

This project is the UI of an anonymous news website. Its layout is designed with the combination of flex and grid.

css css-flex css-grid html news-website

Last synced: 13 May 2025

https://github.com/divinecharlotte/portifolio-setup

This is 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. Built with JavaScript

css css-animations css-flex font-awesome html javascript respon responsive-web-design

Last synced: 19 Apr 2025

https://github.com/maxsite/berry

A utility-first CSS framework with full support Material Design. Better than Bootstrap

atomic-css css css-flex css-framework css-grid css-modules cssutils functional-css responsive sass scss utility-classes utility-first

Last synced: 09 Apr 2025

https://github.com/alexanderjeurissen/flex

A declarative React primitive Flex component that exposes flexbox specification in JSX

component css css-flex css-flexbox css-flexbox-layout flex-component flexbox-specification jsx primitive react styled-components styled-system

Last synced: 08 Jul 2025

https://github.com/dracula27/odin-admindashboard

The Odin Project - Full Stack JavaScript - Intermediate HTML and CSS - PROJECT: Admin Dashboard

css css-animations css-flex css-grid git github html

Last synced: 17 Oct 2025

https://github.com/prince3339/flex-helpers-like-angular-material

CSS flex helper classes like angular material directives

angular-material css css-flex flex flex-css flex-layout flexbox

Last synced: 22 Oct 2025

https://github.com/itsproali/influencer-product

~~Assignment 02~~ Welcome to our E-commerce website. In this website you can buy latest technology at reasonable price. Still don't trust us, because it's a demo website 😁

camera css css-flex css-grid influencer-product influencer-products itsproali

Last synced: 14 Apr 2025

https://github.com/cholis04/clipboard-landing-page-master

This is my solution to the Clipboard Landing Page challenge on Frontend Mentor.

accessibility css css-custom-properties css-flex css-flexbox css3 flexbox flexbox-css mobile-first-workflow semantic-html

Last synced: 27 Mar 2026

https://github.com/sohaibkhaliq/chohanorganicfood

A frontend project made for university in my 4th semester. It was originally made for final year BBA students.

css css-flex css3 html html-css html-css-javascript html5 javascript markdown vanilla-js

Last synced: 05 Mar 2025

https://github.com/xenozpon/antanta-class

prototype of a website for teachers, reducing the number of notebooks that need to be checked. My work at the preliminary stage of the Mars-IT conference

bootstrap bootstrap5 css css-flex html html-css-javascript

Last synced: 03 Apr 2025

https://github.com/ramus-siz/gestion-pharma

Demo react components, how to use react router dom, how to creer the navigation into the app , use of some hooks

css-flex css3 html5 javascript react react-hooks react-router reactjs

Last synced: 12 Jun 2025

https://github.com/mohammad-jamal/project-fb

𝑭𝒂𝒄𝒆𝒃𝒐𝒐𝒌 𝑪𝒍𝒐𝒏𝒆: • 𝑰𝒏𝒅𝒆𝒑𝒆𝒏𝒅𝒆𝒏𝒕𝒍𝒚 𝒄𝒓𝒆𝒂𝒕𝒆𝒅 𝑭𝒂𝒄𝒆𝒃𝒐𝒐𝒌 𝒄𝒍𝒐𝒏𝒆 𝒘𝒊𝒕𝒉 𝒆𝒎𝒑𝒉𝒂𝒔𝒊𝒔 𝒐𝒏 𝒖𝒔𝒊𝒏𝒈 𝑯𝑻𝑴𝑳/𝑪𝑺𝑺

css css-flex css-grid html html5

Last synced: 28 Jun 2025

https://github.com/osaamaahmeed/twitter-template

This is a Twitter template that I created from scratch and I made it using only HTML and CSS with a help from YouTube video. You might find some changes to buttons instead of tweet or tweeter it's sweet or sweeter and that's due to copyrights. You also might find some mistakes when it domes to make the website responsive to different screens but i will solve it as soon as possible.

css css-flex css3 html html-css html5 template templates twitter twitter-template

Last synced: 12 Jun 2025

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

CSS Grid and Flexbox enable the modern layouts. This 7th layout of modern layout series made by CSS Named Grid Lines. #Made-In-CSS-Grid

css-flex css-grid css3 flexbox grid-layout html5 modern-layout-07 modern-layouts named-grid-lines responsive-web-design

Last synced: 24 Aug 2025

https://github.com/simplenotsimpler/sns-site-react

Updated design and converted previous portfolio site to a React-based front-end with a separate Node.js/Express.js proxy API backend.

axios color-blind css-flex css-grid css3 es6 html5 javascript javascript-es6 portfolio react react-hooks react-query resume semantic-html wcag2

Last synced: 04 Nov 2025

https://github.com/engrbassel/product-page

This repo contains the fourth project of responsive web design certification of freecodecamp.org using HTML and CSS

css css-flex css-grid css-navbar css-scrolling html html-iframe

Last synced: 16 Mar 2025

https://github.com/cholis04/3-column-preview-card-component-main

This is my solution to the 3 Column Preview Card Component challenge on Frontend Mentor.

css css-flex css-flexbox css3 frontend-development frontend-mentor

Last synced: 27 Mar 2026

https://github.com/webwithaman/super-shoes-store

This is a static ecommerce shoes store that sells various types of shoes for men and women. The website is created using HTML, CSS, and JS, and it has a modern and user-friendly design.

background-image css-background-colors css-cards css-colors css-flex css-grid css-responsive css-shadow css3 ecommerce-website html5 javascript responsive-design script

Last synced: 11 Mar 2025

https://github.com/engrbassel/personal-portfolio

This repo contains the fifth project of responsive web design certification of freecodecamp.org using HTML and CSS

css css-flex css-grid css-scrolling html

Last synced: 16 Mar 2025

https://github.com/marquincss/soma-dom

Eu desenvolvi um sistema de soma utilizando HTML, CSS e JavaScript, o que representou um desafio bastante gratificante. Para o layout, busquei inspiração no design do Windows, e consegui criar uma interface visualmente similar. Foi uma experiência interessante aplicar meus conhecimentos em programação.

css css-flex css-flexbox css3 html html-css-javascript html5 javascript js technology windows windows-10 windows-7

Last synced: 23 Feb 2026

https://github.com/agbortoko/qr-code-component

Completed Frontend Mentor first challenge

css css-flex html

Last synced: 06 Jul 2025

https://github.com/bekmuxtorov/interno

Interno website

css-flex css3 html5 javascript

Last synced: 11 Dec 2025

https://github.com/brian-izaki/treino-front-end

Treino com css grid e flex juntos. o tema do treino foi sustentabilidade

css-flex css-grid frontend-web hacktoberfest

Last synced: 13 Feb 2026

https://github.com/cholis04/order-summary-component-main

This is my solution to the Order Summary Component challenge on Frontend Mentor.

css css-flex css3 frontend frontend-mentor html

Last synced: 27 Mar 2026

https://github.com/rakibrahman/tourwild-website

Tourism focused website.

css-flex css-grid html-css

Last synced: 04 Apr 2025

https://github.com/marquincss/landing-page-binatec

Essa landing page é uma ótima forma de presentear uma amiga empreendedora, ajudando a aumentar a visibilidade do seu negócio na internet e atraindo novos clientes por meio de uma presença online bem estruturada e profissional, neste caso Binatec.

css css-flex css-flexbox css3 gift github html html5 landing landing-page landingpage technology

Last synced: 03 Aug 2025

https://github.com/marquincss/album-photo-kuromi

Álbum de fotos, utilizei fotos da Kuromi de um desenho animado que eu amo!

album css css-flex css-flexbox css-flexbox-layout css-grid css3 html html-css html5 kuromi photography photos

Last synced: 21 Jul 2025

https://github.com/cholis04/loopstudios-landing-page

This is my solution to the Loopstudios Landing Page challenge on Frontend Mentor.

checkbox css css-custom-properties css-flex css-flexbox-layout css-grid css3 flex html mobile-first semantic

Last synced: 08 Jul 2025

https://github.com/arju10/youngerdeveloperportfolio

Web developer Portfolio is created using HTML & CSS .

css css-flex html

Last synced: 17 Dec 2025

https://github.com/davidoadetayo/youtube-clone

🎥 A static YouTube clone built with HTML, CSS & JS. Features linked video thumbnails, a static search bar & a partially responsive layout.

css-flex css-grid frontend-web html responsive-design static-site ui-clone youtube

Last synced: 26 Jun 2025

https://github.com/b-l-u-e/sunny-landing-page

Built sunny-landing-page using HTML and CSS.

css css-flex css3 frontend html

Last synced: 16 Jan 2026

https://github.com/b-l-u-e/rock-paper-scissors-game

Built rock paper scissors game using HTML,CSS and JavaScript

css-flex html-css-js

Last synced: 16 Jan 2026

https://github.com/imbenrabi/deployable-company-website

Template company website and landing page - CSS skills training.

css-flex css-grid css-pseudo css3 netlify reactjs

Last synced: 29 Dec 2025

https://github.com/cholis04/nft-preview-card-component

This is my solution to the NFT Preview Card Component challenge on Frontend Mentor.

css css-flex frontend frontend-mentor frontend-webdevelopment

Last synced: 29 Jul 2025

https://github.com/cholis04/faq-accordion-card-main

This is my solution to the FAQ Accordion Card challenge on Frontend Mentor.

css css-flex css3 frontend frontend-development frontend-mentor radio-buttons

Last synced: 04 Aug 2025

https://github.com/b-l-u-e/3-column-preview-component

built 3-column-preview-component

css css-flex html5

Last synced: 08 Sep 2025

https://github.com/jakaria242/petroil

None Responsive - Tailwind Css

css-flex html5 tailwind-css

Last synced: 11 Aug 2025

https://github.com/sarikasingh30/mathsfun

Maths Calculator and Maths Leaderboard

css-flex css-grid css3 html5 javascript

Last synced: 11 Aug 2025

https://github.com/aayushpagare21-compcoder/foodfactory

Project Number 2 : [FOOD FACTORY'S HOMEPAGE] . Learned advanced CSS and concepts like Flexbox. [Project on flexbox]

css-flex html

Last synced: 05 Mar 2025

https://github.com/manozks/charity

This website is fully built using Tailwind CSS.

animation-css css-flex css-grid html jquery responsive-website tailwindcss

Last synced: 18 Jan 2026

https://github.com/miladsadeghi/minima_landing_page

A minimal landing page for social media agency.

css css-flex css-flexbox css-grid css3 html html5 javascript

Last synced: 16 May 2025

https://github.com/candytale55/to_do_not_to_do_app

A to-do week-long table made in HTML & CSS. Uses flex and inline-flex for formating. From a Codecademy exercise project.

codecademy css-flex css3 html5 inline-flex to-do-list

Last synced: 31 Mar 2025

https://github.com/arakakimath/rsfullstackproject02-travelgram

Second in-class project from the Rocketseat Fullstack course. This project involved building a website using HTML and CSS with flexbox tools, based on a design created in Figma

css-flex css-flexbox html-css

Last synced: 05 Jan 2026