Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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: 09 Dec 2024

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: 18 Dec 2024

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: 25 Oct 2024

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: 01 Nov 2024

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: 21 Dec 2024

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: 19 Dec 2024

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: 25 Oct 2024

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: 19 Dec 2024

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: 14 Nov 2024

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: 17 Dec 2024

https://github.com/Sleen/FlexLayout

an implementation of Flexbox(Flexible Box) layout algorithm

css-flexbox flex-layout flexbox layout

Last synced: 03 Nov 2024

https://github.com/jfet97/strawberry

A new flexbox based CSS micro-framework.

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

Last synced: 14 Nov 2024

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: 05 Dec 2024

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: 28 Oct 2024

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: 28 Nov 2024

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: 28 Oct 2024

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

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

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

Last synced: 29 Nov 2024

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: 14 Oct 2024

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: 28 Oct 2024

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: 11 Oct 2024

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: 14 Dec 2024

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: 25 Nov 2024

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: 08 Nov 2024

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: 17 Nov 2024

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: 08 Nov 2024

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: 12 Nov 2024

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: 22 Nov 2024

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: 28 Oct 2024

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: 09 Oct 2024

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: 09 Nov 2024

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: 21 Oct 2024

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: 09 Oct 2024

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: 09 Oct 2024

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: 23 Nov 2024

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: 05 Nov 2024

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: 10 Nov 2024

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: 07 Nov 2024

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: 18 Oct 2024

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: 06 Nov 2024

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: 22 Nov 2024

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: 07 Dec 2024

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: 22 Nov 2024

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: 06 Dec 2024

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: 12 Nov 2024

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 Dec 2024

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: 25 Oct 2024

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: 06 Nov 2024

https://github.com/boyanraichev/tat-css

Minimalistic flexbox CSS framework

css-flexbox css-framework grid tat-css

Last synced: 03 Dec 2024

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: 07 Nov 2024

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: 17 Nov 2024

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: 15 Nov 2024

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: 17 Oct 2024

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: 25 Nov 2024

https://github.com/modscleo4/truthtable

A Truth Table generator written in Vue

css css-flexbox css3 html html5 js vue vuejs

Last synced: 24 Nov 2024

https://github.com/erickgiber/textsanp

TextSnap built with React JS

css css-flexbox css-grid css3 javascript react

Last synced: 07 Nov 2024

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: 09 Dec 2024

https://github.com/king-11/web_design

A Collection of creative✍ī¸ Web Components built using basic HTML, CSS and JS👨‍đŸ’ģ without using any CSS framework👎 in a semantic manner to ensure accessibility🤝 and modular nature.

css-flexbox css-grid css3 javascript scss

Last synced: 23 Nov 2024

https://github.com/enes9103/sass_02_adidas_using_keyframe

Animation, keyframe application within the scope of my Saas works. (SASS_Adidas_Using_Keyframe)

animation css-flexbox css3 design figma front-end-development html5 sass sass-framework scss scss-framework ui-design

Last synced: 06 Dec 2024

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: 25 Nov 2024

https://github.com/mohjarabahh/nord-website

A landing page for a mobile application presentation developed with HTML and CSS

css css-animations css-flexbox css-grid css3 frontend html html5 landing-page mobile-app portfolio portfolio-website responsive template

Last synced: 07 Dec 2024

https://github.com/edijunior88/imersao_react_alura

SerÃŖo 5 aulas gratuitas de programaçÃŖo de nível intermediÃĄrio para vocÃĒ desenvolver o Aluratube, um projeto em React para adicionar ao seu portfÃŗlio.

css css-flexbox css-grid css3 html html-css html-css-javascript html5 javascript javascript-applications react react-components reactjs styled-component styled-components supabase

Last synced: 22 Nov 2024

https://github.com/saddamarbaa/twitter-clone-app

==> Building Twitter Clone With Node.js and Vanilla Javascript (a mobile-friendly)

arrow-functions css-flexbox css-grid html-css-javascript localstorage twitter-clone-app-frontend

Last synced: 09 Dec 2024

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: 15 Nov 2024

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: 09 Dec 2024

https://github.com/ashishkohad27/hilarious-sort-6480

This is a clone website of happy-fox, happy fox is a software-as-a-service (SaaS) support platform. It offers an enterprise-grade help desk ticketing system and intuitively designed live chat software. They have various ticketing tools where the enterpriser directly connects with their customer like slack, Shopify, sales force, Facebook, etc.

css-flexbox css-grid css-grid-layout html html-css-javascript javascript

Last synced: 09 Dec 2024

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: 07 Nov 2024

https://github.com/shahadot99999/coxsbazarjourney

Cox's Bazar journey Landing Page. Designed with HTML, CSS, and Bootstrap 5, this project showcases modern web design techniques, including the latest CSS3 features, to create a visually captivating and user-friendly experience.

bootstrap bootstrap5 css css-flexbox css-grid css3 html html-css-bootstrap html5

Last synced: 18 Nov 2024

https://github.com/cleversamer/trillo

Trillo Website - Mastering CSS Flexbox

css css-flexbox responsive-design sass scss

Last synced: 14 Nov 2024

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

CSS Grid and Flexbox enable the modern layouts. This 25th layout of modern layout series made by CSS Grid Line Based Placement. #Made-In-CSS-Grid

css css-flexbox css-grid css3 grid-layout html5 line-based-placement modern-layout modern-layout-25 responsive-web-design

Last synced: 11 Nov 2024

https://github.com/voaneves/calendario-de-aniversarios

CalendÃĄrio simples com funcionamento CRUD, hosteado no GitHub Pages

css-flexbox css3 ecmascript2017 html-css-javascript js json scss

Last synced: 16 Nov 2024

https://github.com/voaneves/color-picker

Simple full-page color picker, hosted on GitHub Pages

css-flexbox ecmascript2018 html-css-javascript

Last synced: 16 Nov 2024