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

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

https://github.com/layoutbox/flexlayout

FlexLayout adds a nice Swift interface to the highly optimized facebook/yoga flexbox implementation. Concise, intuitive & chainable syntax.

css-flexbox flex-container flex-items flex-layout flexbox flexbox-container flexbox-layout flexbox-properties ios ios-lib ios-swift ios-ui layout layout-engine swift swift-3 swift-framework yoga

Last synced: 14 May 2025

https://github.com/layoutBox/FlexLayout

FlexLayout adds a nice Swift interface to the highly optimized facebook/yoga flexbox implementation. Concise, intuitive & chainable syntax.

css-flexbox flex-container flex-items flex-layout flexbox flexbox-container flexbox-layout flexbox-properties ios ios-lib ios-swift ios-ui layout layout-engine swift swift-3 swift-framework yoga

Last synced: 06 Aug 2025

https://github.com/AakashRao-dev/cheatsheets-for-developers

📊 Get all of my CSS Cheatsheets from here which I have created & shared on twitter. Thanks for the support. 💜

cheatsheet css css-flexbox css-grid

Last synced: 14 Mar 2025

https://github.com/aakashrao-dev/cheatsheets-for-developers

📊 Get all of my CSS Cheatsheets from here which I have created & shared on twitter. Thanks for the support. 💜

cheatsheet css css-flexbox css-grid

Last synced: 12 Apr 2025

https://github.com/AakashRao-dev/Cheatsheets-for-Developers

📊 Get all of my CSS Cheatsheets from here which I have created & shared on twitter. Thanks for the support. 💜

cheatsheet css css-flexbox css-grid

Last synced: 30 Mar 2025

https://github.com/shovoalways/css-course

āĻāĻ‡ Modern CSS3 Tutorial Bangla āĻĒā§āĻ˛ā§‡āĻ˛āĻŋāĻ¸ā§āĻŸ āĻĢāĻ˛ā§‹ āĻ•āĻ°āĻ˛ā§‡ āĻ†āĻŽāĻŋ āĻ†āĻļāĻž āĻ•āĻ°āĻŋ āĻ†āĻĒāĻ¨āĻžāĻ° āĻ†āĻ° āĻ•ā§‹āĻĨāĻžāĻ“ āĻĨā§‡āĻ•ā§‡ CSS āĻļāĻŋāĻ–āĻ¤ā§‡ āĻšāĻŦā§‡ āĻ¨āĻžāĨ¤ āĻ†āĻŽāĻŋ āĻāĻ‡ āĻāĻ•āĻŸāĻž āĻĒā§āĻ˛ā§‡-āĻ˛āĻŋāĻ¸ā§āĻŸ āĻ āĻĄāĻŋāĻŸā§‡āĻ‡āĻ˛ā§‡ āĻ†āĻĒāĻ¨āĻžāĻ•ā§‡ CSS3 āĻļāĻŋāĻ–āĻžāĻŦ, āĻ‡āĻ¨āĻļāĻžāĻ†āĻ˛ā§āĻ˛āĻžāĻšā§â€ŒāĨ¤ āĻ¤āĻžāĻ‡ āĻ†āĻĒāĻ¨āĻŋ āĻ¯āĻĻāĻŋ āĻ†āĻ—ā§āĻ°āĻŋāĻšā§€ āĻšāĻ¨ āĻĻā§‡āĻ–āĻ¤ā§‡ āĻĨāĻžāĻ•ā§āĻ¨āĨ¤ Learn CSS for the first time or brush up your CSS skills and dive in even deeper. EVERY web developer has to know CSS.

css css-flexbox css-grid css3

Last synced: 04 Apr 2025

https://github.com/bedrock-layouts/bedrock

Foundational Layout Primitives for your React App

css-flexbox css-grid grid-layout grid-system layout layouts

Last synced: 14 May 2025

https://github.com/Bedrock-Layouts/Bedrock

Foundational Layout Primitives for your React App

css-flexbox css-grid grid-layout grid-system layout layouts styled-components

Last synced: 13 Mar 2025

https://github.com/HimasRafeek/butterCake-Legacy

Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰

butter-cake css-flexbox css-framework css-grid css3 flexbox flexbox-css framework html5 jsdelivr modern research sass scss scss-framework scss-library scss-template

Last synced: 07 May 2025

https://github.com/himasrafeek/buttercake-legacy

Material Design Components, Responsive and Modern CSS Framework Built with Flexbox 🍰

butter-cake css-flexbox css-framework css-grid css3 flexbox flexbox-css framework html5 jsdelivr modern research sass scss scss-framework scss-library scss-template

Last synced: 04 Jul 2025

https://github.com/classiebit/addchat-laravel

AddChat Laravel is a Laravel chat package. Live chat widget for Laravel that also includes multi-user chat, group permissions, customer support chat & more.

addchat-laravel addchat-lite chat chat-widget chatapp chatbot css-flexbox customer-support helpdesk laravel laravel-chat-package laravel-chat-widget laravel-website live-chat relatime

Last synced: 10 Sep 2025

https://github.com/Sleen/FlexLayout

an implementation of Flexbox(Flexible Box) layout algorithm

css-flexbox flex-layout flexbox layout

Last synced: 02 Apr 2025

https://github.com/jfet97/strawberry

A new flexbox based CSS micro-framework.

css css-flexbox css-framework css-micro-framework css3

Last synced: 15 Dec 2025

https://github.com/xiphoseer/htmlcars

A HTML5 & CSS3 implementation of an LCARS GUI system from StarTrek

css-flexbox css-grid gui html-css html5 lcars star-trek vue-router vuejs2

Last synced: 11 May 2025

https://github.com/Xiphoseer/htmlcars

A HTML5 & CSS3 implementation of an LCARS GUI system from StarTrek

css-flexbox css-grid gui html-css html5 lcars star-trek vue-router vuejs2

Last synced: 21 Jul 2025

https://github.com/jeffersonrpm/landing-page-anime

A simple landing page made in HTML and CSS has five anchors. The theme chosen is related to anime, the theme adopted is dark mode. In this project, grid, accessibility, responsive design, mobile, transitions, forms, among others, were addressed.

accessibility anime css-animations css-flexbox css-grid css3 dark-theme desktop-first form html5 landing-page mobile responsive-web-design transition-animation

Last synced: 21 Mar 2025

https://github.com/punitkatiyar/css-master-guide

CSS is a language used to describe the presentation of HTML đŸĨ‡ CSS is used to control the layout, fonts, colors, and other visual aspects of web pages and user interfaces.

css css-flexbox css3 css3-animations

Last synced: 09 Apr 2025

https://github.com/speyll/sucss

A minimal and clean CSS Classless framework, designed to provide a lightweight and elegant foundation for web development. Keep your projects streamlined and stylish with a framework that doesn't suCC(S). đŸ’ŧ

css css-flexbox css-framework css-grids css3 design framework frontend html5 lightweight lightweight-css lightweight-framework minimalist-design semantic-html template templates website-design website-template

Last synced: 12 Apr 2025

https://github.com/ab-noori/portfolio

Portfolio website will showcase all of my recent work. It will also maintain the information and history of my recent projects, the brave information about me, and the link to my resume.

css-flexbox css-grid css3 html5 javascript

Last synced: 05 Oct 2025

https://github.com/yamoo9/cj-olive-networks

CJ ė˜ŦëĻŦ브 네트ė›ėŠ¤ 강ė˜ ė €ėžĨė†Œ "반ė‘형 ė›š 디ėžė¸"편

css-flexbox css-grid responsive-web-design rwd

Last synced: 22 Mar 2025

https://github.com/ab-noori/salsaldevgroup

SalsalDevGroup Website is a platform to showcase the Salsal Developers group recent projects, maintain the information and history of the group recent projects, the short biography of each developer, and the link to recent projects. it will also provide the context for receiving proposals and contacting the clients in its future features.

css-flexbox css-grid css3 html5 javascript

Last synced: 21 Mar 2025

https://github.com/classiebit/addchat-codeigniter

AddChat Codeigniter is a Codeigniter chat application. Live chat widget that also includes multi-user chat, group permissions, customer support chat. Download now.

addchat-codeigniter addchat-lite chat chat-widget chatapp chatbot codeigniter codeigniter-chat-application codeigniter-chat-widget codeigniter-website codeigniter3 codeigniter4 css-flexbox customer-support helpdesk live-chat multi-purpose realtime

Last synced: 12 Apr 2025

https://github.com/hoangsonww/brewed-bliss-coffee-website

☕ A responsive, multi-page website for a fictional coffee shop, showcasing its offerings, values, team, and contact information. Built as the final project for COMP-126 course at UNC.

css css-animations css-flexbox css-grid css-grid-layout css3 front-end-development html html5 javascript js responsive-design web web-development website

Last synced: 30 Jun 2025

https://github.com/dinanathsj29/css-flexbox-beginners-tutorial

CSS flexbox tutorial for all, This is comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox.

css-flexbox display-flex flex-container flex-direction flex-items flex-practical-demo flex-tutorial flex-wrap flexbox-layout flexbox-tutorial

Last synced: 20 Mar 2025

https://github.com/jeffersonrpm/landing-page-comida-bebida

A simple landing page made in HTML and CSS has five anchors. The theme chosen is related to a restaurant in my city. In this project, grid, accessibility, responsive design, mobile, transitions, among others, were addressed.

accessibility css-animation css-flexbox css-grid css3 desktop-first food homemade html5 landing-page mobile responsive-web-design transition-animation

Last synced: 28 Oct 2025

https://github.com/tthayza/bora-codar

Esse repositÃŗrio tem como objetivo armazenar os projetos semanais propostos pela RocketSeat no desafio #boraCodar. 🚀

boracodar context-api css-animations css-flexbox css-grid css3 javascript lucide-react phosphor-react programming react react-components react-hooks reactjs rocketseat useeffect usestate webdevelopment

Last synced: 08 May 2025

https://github.com/ajayns/modern-css-layouts

A collection of popular web layouts implemented using modern CSS flexbox or grid

css css-flexbox css-grid layouts

Last synced: 15 Apr 2025

https://github.com/johnmwendwa/photogrid

A fluid responsive photo gallery using css grid

css-flexbox css-grid

Last synced: 10 Feb 2026

https://github.com/vxhly/scss-flex

flexbox å¸ƒåą€įĨžå™¨īŧŒäŊŋį”¨ SASS č¯­æŗ•įŧ–写īŧŒäŊŋį”¨ webpack 前įĢ¯æ‰“包åˇĨå…ˇčŋ›čĄŒæ‰“包

css css-flexbox flex-sass flex-scss flexbox gulp sass sass-flex scss scss-flex

Last synced: 24 Apr 2025

https://github.com/zahidrahimoon/zara-therapy

"Therapy website featuring responsive design, soothing aesthetics, and interactive elements, built with HTML, CSS, and JavaScript."

aos clinic css css-animations css-flexbox css-grid hospital html html-css-javascript html5 javascript javascript-library medical swiperjs therapy zara

Last synced: 23 Apr 2025

https://github.com/edijunior88/origamid_html_e_css_para_iniciantes

Front End, HTML, Tags, Acessibilidade, CSS, Grid Layout, Flexbox, Media Queries, Responsivo, VS Code e mais.

css css-flexbox css-grid css-grid-layout css3 html html-template html5 media-queries

Last synced: 17 Jul 2025

https://github.com/rammyblog/dev-connect

Create Developer profile/portfolio, share posts and get help from other developers

css css-flexbox css-grid django django-rest-framework html html5 nextjs reactjs sass

Last synced: 30 Apr 2025

https://github.com/shanisoni/the-deep-green-web-technologies

"Embark on a journey of cutting-edge web development as I craft a dynamic and visually captivating web application. Harnessing the latest in CSS wizardry, HTML semantics, and JavaScript mastery, My project aims to redefine the digital experience. Dive into a world of seamless animations, fluid layouts, and interactive interfaces that engage users

css css-animations css-animations-2023 css-flexbox css-flexbox-grid css-flexbox-grid-layout css-framework css-framework-bootstrap css-grid css-grid-layout css-modules css3 css3-animations html html-css-javascript html5 javascript javascript-library js

Last synced: 21 Mar 2025

https://github.com/developer-zahid/css-impossible-carousel

This is a HTML & CSS based carousel. When a user click on previous and next slide images, then carousel going to start manually.

3d-carousel css css-animations css-carousel css-custom-properties css-flexbox css-slider css-supports css3 radio-inputs slider

Last synced: 06 Jul 2025

https://github.com/saptajitbanerjee/electronics-shopping-site

The project is an interactive front-end application built using React. It features a dynamic carousel, captivating animations, and a user-friendly Shopping Cart functionality with options to add and remove items. This application empowers users to effortlessly track their shopping experience by providing a comprehensive view of their selected items

css-animations css-flexbox css3 dom-manipulation ecommerce ecommerce-website front-end front-end-web-development frontend frontend-web html-css-javascript html5 javascript online-shop react reactjs shopping-cart

Last synced: 16 Oct 2025

https://github.com/correia-jpv/fucking-awesome-css

🎨 A curated contents of amazing CSS :) With repository stars⭐ and forks🍴

awesome awesome-list css css-flexbox css-grid css3 list web webapp webdev webdevelopment website

Last synced: 27 Apr 2025

https://github.com/shanisoni/resume_project

"Presenting a dynamic and polished resume project meticulously designed with HTML, advanced CSS, and JavaScript. Seamlessly blending aesthetics with functionality, this web application offers an interactive journey through professional experience, skills, and achievements.

css-animations css-flexbox css-grid css-grid-layout css-in-js css3 html5

Last synced: 13 May 2025

https://github.com/uzair-manzoor/portfolio

This personal portfolio website is meticulously crafted using the latest web technologies, including HTML, CSS, and JavaScript, following industry best practices. The result is an elegant and interactive showcase of projects and skills, ensuring a seamless user experience for visitors.

css-animations css-flexbox css-grid-layout css3 css3-animations dom-manipulation dynamic-programming figmadesign html5 javascript linters-config portfolio-website

Last synced: 24 Apr 2025

https://github.com/shanisoni/the_deep_green-e-solutions

Providing end-to-end digital solutions, including website design, e-commerce development, and online business optimization.

css-animations css-flexbox css-grid css-grid-layout css-in-js css-modules css3 html-css-javascript html5

Last synced: 23 Oct 2025

https://github.com/shanisoni/3d-cards_project

"Introducing a meticulously crafted professional card, meticulously designed with HTML, CSS, and JavaScript. This sleek and dynamic web application showcases key information succinctly and elegantly

css css-animations css-flexbox css-grid css-grid-layout css-in-js css-in-js-transition css-in-js-transitions css-modules html html-css html-css-javascript html-css-js html-template html5 html5-canvas

Last synced: 23 Oct 2025

https://github.com/shanisoni/portfoio_project

"Portfolio project showcasing my skills, projects, and experiences. Includes an overview of my background, a list of projects with descriptions and links, and contact information for potential opportunities."

css css-animations css-flexbox css-framework css-grid css-grid-layout css-in-js css-modules css3 css3-animations html html-css-javascript html5

Last synced: 23 Oct 2025

https://github.com/hasan-kilici/kawethra.css

Kawethra.css TÄąpkÄą bootstrap gibi işinizi kolaylaştÄąrabilecek bir stylesheet

css css-flexbox css3

Last synced: 08 Oct 2025

https://github.com/livewithcodeankit/user-listing

I developed a basic web app using React.js and CSS. It fetches user info from an API using a custom hook. The app is responsive and includes pagination for easy navigation between pages. State management is done using useReducer and useContext.

css-flexbox css-grid css3 html5 javascript jsx reactjs

Last synced: 11 Aug 2025

https://github.com/livewithcodeankit/operaenergy

React Responsive Template This is a React-based responsive template that can be easily developed using custom CSS.

css-flexbox css-grid css3 figma html5 javascript reactjs

Last synced: 10 Apr 2025

https://github.com/marquincss/ios-jogo-da-mem-ria-turma-d

No final das contas, desenvolver esse jogo da memÃŗria personalizado foi uma experiÃĒncia extremamente valiosa que me permitiu aprimorar minhas habilidades em HTML, CSS, JavaScript e lÃŗgica de programaçÃŖo. Estou animado para continuar a aplicar essas habilidades em projetos futuros e continuar aprendendo mais sobre o desenvolvimento web.

css css-flexbox css3 html html5 instituto-da-oportunidade-social institutodaoportunidadesocial ios javascript javascript-tools jogodamemoria js memory memorygame

Last synced: 15 Jul 2025

https://github.com/ahmedgamal2212/udemy-clone-reactjs

A ReactJS project that clones the Udemy website and its features such as courses popover, course details, course content and floating course details card.

css css-flexbox css-modules es6 javascript jsx react-bootstrap react-hooks react-router reactjs

Last synced: 07 Oct 2025

https://github.com/edijunior88/newtab_academy_projetos

Vamos simular experiÃĒncias comuns do dia a dia da profissÃŖo, onde vocÃĒ irÃĄ construir projetos baseados nas demandas do mercado, terÃĄ o acompanhamento de profissionais experientes na ÃĄrea e desenvolverÃĄ as principais habilidades tÊcnicas e comportamentais necessÃĄrias para iniciar sua carreira.

css css-flexbox css-grid css-grid-layout css-modules css3 html html-css-javascript html5 javascript javascript-framework php php7 react reactjs

Last synced: 13 Jul 2025

https://github.com/braincee/math-magicians

About Microverse Module 03 Project: "Math Magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to make a simple calculations and read a random math-related quote. Built with React, Sass and JavaScript.

babel-plugin css-flexbox css-grid javascript microverse-projects react webpack

Last synced: 15 Jun 2025

https://github.com/muhammadhassanraza25/my-portfolio-website

This is my portfolio website. I made my portfolio website using HTML, CSS, Bootstrap & JavaScript

bootstrap css-flexbox css-grid css3 html5 responsive-web-design

Last synced: 07 Apr 2025

https://github.com/abongsjoel/html-forms

Clone the signup page of mint.com using plain HTML and CSS. We started by laying out the various semantic HTML elements for the major sections, then we made them the proper sizes and alignments.

css-flexbox css-grid-layout css3 html5

Last synced: 11 Apr 2025

https://github.com/zilola-nazarova/capstone-project-module-1

This is an Architecture Bootcamp website. Visitors can learn more about the coaches of the Bootcamp, past events and other essential information about the Bootcamp. Built with HTML/CSS.

css-flexbox css-grid css3 html5

Last synced: 12 Sep 2025

https://github.com/edijunior88/portfolio

Meu portfÃŗlio reflete minha jornada de aprendizado e minha evoluçÃŖo nessa emocionante ÃĄrea de Desenvolvimento Front-End (Web)

bootstrap bootstrap5 css css-animations css-flexbox css-in-js css3 html html-css html-css-javascript html-template html5 javascipt javascript

Last synced: 13 Jul 2025

https://github.com/alitahir4024/phillip-gilbert-project

PHILLIP GILBERT website template is developed using full css flexbox

css-flexbox flexbox html-css margin padding phillip-gilbert positions

Last synced: 04 Jul 2025

https://github.com/jooysoouzaa/portfolio_joy

PortfÃŗlio Joy SÃŗuza: Confira meus trabalhos e habilidades.

bem-css bootstrap bootstrap4 bootstrap5 css css-flexbox css-grid css3 front-end git github gulp html javascript less portfolio sass

Last synced: 12 Apr 2025

https://github.com/akramadjab/coffee-shop-landing-page

This is a landing for a Coffee Shop, that serve high-quality services including coffee, tea, and juice. This landing page is fully responsive on all devices.

css css-animations css-flexbox css-grid css-grid-layout html media-queries media-query responsive-design responsive-grid responsive-layout responsive-web-design responsive-website

Last synced: 05 Sep 2025

https://github.com/nkaleth/best_sellers_books

Single-page application (SPA) built with React and Redux about the data retrieved from the New York Time's API from Best Sellers Books.

api-rest axios-react books css-flexbox css-grid jest-tests react-router reactjs redux-toolkit testing

Last synced: 16 Jun 2025

https://github.com/livewithcodeankit/postform.io

This project is a full-stack MERN (MongoDB, Express, React, Node.js) application with the following features: - Backend API using Node.js, Express, and MongoDB - Frontend using Next.js 13, Tailwind CSS, and React - Custom CRUD operations with React hooks - API integration

api-integration crud-api css css-flexbox html-css-javascript mern nextjs13 nodejs reactjs tailwindcss

Last synced: 10 Apr 2025

https://github.com/professorjosedeassis/roboticapratica

Este repositÃŗrio hospeda o projeto do site roboticapratica.

css-flexbox css3 html5 html5-css3 seo seo-optimization

Last synced: 13 Apr 2025

https://github.com/anamuddinahmad/rock-paper-scissor

Developed Rock Paper Scissors game using html css and js.

css css-flexbox html5 javascript

Last synced: 03 Aug 2025

https://github.com/geekelo/crypto-price-rank

A webapp that displays crypto currences, ranking according to their prices

css-flexbox css-grid css3 htlm5 javascript reactjs redux-thunk redux-toolkit

Last synced: 09 Sep 2025

https://github.com/sardarhossaini/portfolio

This is a website about my biography and about my skill.

bootstrap5 css-flexbox css-grid css3 font-awesome html5 portfolio

Last synced: 06 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/tdgnate/react-portfolio

This is my main portfolio that I will be presenting which showcases my projects, experience, and skills. 🙂

bootstrap bootstrapicons css-flexbox emailjs reactjs sweetalert

Last synced: 01 May 2025

https://github.com/modscleo4/truthtable

A Truth Table generator written in Vue

css css-flexbox css3 html html5 js vue vuejs

Last synced: 17 Mar 2025

https://github.com/anamuddinahmad/movie-reviews

You can search about the Movies Reviews.

api css css-flexbox css-grid googlefonts html5 javascript

Last synced: 15 Apr 2025

https://github.com/ritobrotomukherjee/bookstore-react-redux

A simple book store project with adding a book and removing a book functionality using React and Redux

api-rest css css-flexbox css3 heroku-deployment html html5 javascript netlify react react-router reactjs redux

Last synced: 12 Sep 2025

https://github.com/programmierenm/flexbox-3-spalten-layout

3 Spalten Responsive Layout mit CSS Flexbox welches sich dynamisch an die verfÃŧgbare AuflÃļsung anpasst

css css-flexbox

Last synced: 10 Apr 2025

https://github.com/yngjesus/clothing-store

Clothing store e-commerce website made using HTML, CSS, JavaScript, and Bootstrap. Includes features like a shopping cart, wishlist, and checkout system.

bootstrap5 css-flexbox css3 html5 javasc js

Last synced: 18 Aug 2025

https://github.com/saddamarbaa/microsoft-homepage-clone

==> Microsoft homepage from scratch a responsive layout "Mobile First Design" using HTML5/CSS and a bit of JS, modern CSS features, and techniques including CSS grid, flexbox, and media queries .....

complete-responsive-website css-flexbox css-grid css-units css-variables media-queries

Last synced: 25 Jul 2025

https://github.com/abongsjoel/etch-a-sketch

In this project I build a browser version of something between a sketchpad and an Etch-A-Sketch using plain HTML, CSS and JavaScript

css-flexbox css3 html5 javascript

Last synced: 20 Mar 2025

https://github.com/saddamarbaa/netflix-clone-vanillajs

==> Building Netflix Clone App with vanilla JavaScript, Node.js, Express, MongoDB (a mobile-friendly)

arrow-functions css-flexbox html-css-javascript-bootstrap localstorage netflix-clone-app-frontend

Last synced: 12 Apr 2025

https://github.com/cvilla714/google-homepage

The project was about creating a clone from google, It applies concepts like CSS-Grid, and applied CSS-Flex as well.It was built with

css-flexbox css-grid

Last synced: 10 Sep 2025