Data

Tools

Indexes

Applications

Experiments

Awesome

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

Projects in Awesome Lists tagged with css-flexbox-layout

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

https://github.com/angular-split/angular-split

🍌 Angular UI library to split views and allow dragging to resize areas using CSS grid layout.

angular css-flexbox-layout flexbox split-area split-pane

Last synced: 13 May 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/boddepallyvenkatesh06/data-visualization-dashboard-mern-stack

ata Visualization Dashboard, a web application designed to visualise and analyse data in an interactive and informative manner.

css-flexbox-layout data-visualizations tailwindcss template typescript-library

Last synced: 19 Apr 2026

https://github.com/sofiane-abou-abderrahim/html-css-basics-travel-landing-page

I built a pretty travel landing page using HTML & CSS basics. Therefore, I implemented a HTML semantic strucure with convenient navigation bar and a logo. I also worked on the CSS layout of the website, using flexbox and the grid. Besides that, I imported normal images and background images as well. Then, I created a header positioned above the background image thanks to the positioning elements concept. Finally, I applied the default document flow and broke this default view with position absolute and position fixed. But, that's not it: I used selected properties, such as object fit to style the images properly...

background-image css-flexbox-grid css-flexbox-layout css-grid-layout css3 html5 images landing-page logo navigation-bar object-fit position-absolute position-elements position-fixed semantic-structure

Last synced: 30 Jun 2025

https://github.com/abh1xxx/woodland-site-clone

Woodland Website Clone: A front-end project built using HTML, CSS, and Bootstrap to recreate the homepage of the official Woodland Worldwide website. This project emphasizes Bootstrap’s responsive design features and UI components, serving as a learning exercise to enhance Bootstrap development skills. No backend is involved.

bootstrap5 cards css css-carousel css-flexbox-layout html-css woodland-clone

Last synced: 15 May 2026

https://github.com/itsjavi/css-grid-playground

Interactive CSS Grid Layout tool: Edit, view real-time changes, and share prototypes. Includes some helpful presets to get started.

css-flex-grid css-flexbox css-flexbox-grid css-flexbox-layout css-grid css-grid-layout playground

Last synced: 24 Mar 2026

https://github.com/mujahidraj/my-portfolio-mr

This repository contains the code for my personal portfolio website, designed using HTML and CSS. The portfolio showcases my skills, projects, and experiences, featuring a responsive design optimized for various devices. It's a demonstration of my front-end development abilities and attention to design details.

css css-flexbox css-flexbox-layout css-grid css-grid-layout hmtl html-css html5

Last synced: 16 May 2026

https://github.com/stephaniequintana/pricing-panel

Fully responsive static site utilizing flexbox - Colt Steele's Web Developer Bootcamp

css-flexbox-layout html5

Last synced: 06 Feb 2026

https://github.com/priontoabdullah/upskill-isa-assignment

💻This is an assignment from Upskill ISA program. 📃 Live site: https://priontoabdullah.github.io/Upskill-ISA-Assignment/ 🚀

css-flexbox-layout css-grid-layout css-selector css3 dom-manipulation html5 javascript

Last synced: 16 Apr 2026

https://github.com/leonism/all-things-digital

Experience the innovation of a mobile-first theme, harnessing the power of Tailwind's cutting-edge technology (version 3.2.4) and complemented by Typography and various other indispensable plugins.

blog-theme css-flexbox-layout css3 html-css-js html5 javascript nodejs tailwind tailwindcss tailwindcss-v3

Last synced: 05 May 2026

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/barata-ribeiro/flexijournal

A relatively simple website developed only with CSS Flexbox during the Flexbox mini-course by Origamid.com.

css css-flexbox css-flexbox-layout

Last synced: 17 Mar 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/samuel-amaro/testimonials-grid-section

Desafio da plataforma Front-End mentor, construir uma página com seção de grade de depoimentos.

bem-methodology card-component css-flexbox-layout css-grid-layout css3 html5 normalize-css

Last synced: 19 Mar 2025

https://github.com/stephaniequintana/gotham

Static Responsive Site utilizing Flexbox - The Result-Oriented Web Bootcamp, Vertex Academy

css-flexbox-layout css3 html5

Last synced: 22 Jul 2025

https://github.com/gustavosachetto/site-android

Site desenvolvido para conclusão do curso HTML5 e CSS3.

css-flexbox-layout css3 html-semantics html5

Last synced: 20 May 2026

https://github.com/valentinmadiot/gallery-movies_css

Galerie responsive dédiée aux films cultes des années 90 et 2000. Mosaïque fluide en HTML/CSS pur, effets de survol dynamiques, ratios variés pour un rendu cinématographique immersif et inspirant.

brightness cinema-scenes css-flexbox-layout css-gallery cult-movies frontend gallery-images gallery-layout hover-effects html-css-only html5-css3 image-mosaic media-queries modern-gallery modern-layout movies-gallery pure-css-ui responsive-gallery responsive-ui webp-images

Last synced: 19 Feb 2026

https://github.com/anton2mihail/tweeter

simple twitter clone using mongodb and expresss leveraging responsive design principles

css css-flexbox-layout css-grid es6 expressjs html5 javascript jquery mongo mongodb nodejs npm responsive-design responsive-layout ui-design

Last synced: 11 Mar 2025