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: 17 Jun 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: 27 Mar 2025

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: 03 Apr 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: 01 Mar 2025

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

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: 03 Mar 2025

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

A simple product preview card component code challenge to Frontend Mentor using Flexbox, Animation, and Hover state

animate-css animation animation-css animations bem bem-css bem-methodology bem-naming css-flexbox css-flexbox-layout css3 flexbox flexbox-css html-css html5 sass sass-mixins

Last synced: 21 Feb 2025

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

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: 21 Feb 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: 17 Mar 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/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/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: 28 Mar 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: 22 Mar 2025

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

https://github.com/lipex360x/css-grid

Display items using CSS GRID

css-flexbox-grid css-flexbox-layout css3 html

Last synced: 28 Feb 2025