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 flexbox

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

https://github.com/dawidkopicki/huddle-landing-page

HTML5, CSS3 + SASS, BEM, GULP

bem css3 flexbox gulp html5

Last synced: 16 Nov 2024

https://github.com/markteekman/sunnyside-agency-landing-page

Frontend Mentor challenge "Sunnyside Agency Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver. Includes a sticky navigation and a revealing footer.

accessibility astro css-animations css-grid flexbox html5 intersection-observer javascript scss wcag

Last synced: 30 Oct 2024

https://github.com/markteekman/advice-generator-app

Frontend Mentor challenge "Advice Generator App" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the Fetch API for the random advices.

accessibility astro css-animations css-grid flexbox html javascript scss wcag

Last synced: 30 Oct 2024

https://github.com/maratdev/mesto

🛠️Проектная работа Яндекс.Практикума

bem css figma flexbox grid-layout javascript oop

Last synced: 07 Nov 2024

https://github.com/shinumathew/css3-features

CSS3 learning including Animations and Materialise

bootstrap css-animations css-grid css3 flexbox html5 jquery materialize-css

Last synced: 14 Nov 2024

https://github.com/ngirimana/trillo

html template for reservations for car rental flight,hotel and tours

css3 flexbox html5

Last synced: 08 Nov 2024

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

Frontend Mentor challenge "NFT Preview Card Component" using CSS Flexbox and Grid, Accessibility best practices and CSS Animations.

accessibility astro css-animations css-grid flexbox html5 scss wcag

Last synced: 30 Oct 2024

https://github.com/ujjwalguptaofficial/flexi

flexcss is flexbox based css only framework.

css css-framework flex flexbox flexbox-css scss

Last synced: 07 Oct 2024

https://github.com/emrered/javascript-openweathermap

☁️ Get weather forecast by city using Open Weather Map API

ajax bem-css css flexbox html javascript jquery openweathermap-api

Last synced: 12 Nov 2024

https://github.com/shinumathew/javascript30

30 days of javascript exercise

css css-grid flexbox html5 javascript sass svg

Last synced: 14 Nov 2024

https://github.com/hitarthchudgar/creative-code

A repo to play around with HTML, CSS, Javascript based effects (animations, UI styles etc.)

css3 flexbox grid html javascript

Last synced: 14 Nov 2024

https://github.com/dorkatzir/bizwhizz

Html CSS Flexbox Website

carusle flexbox html javascript responsive scss svg

Last synced: 12 Nov 2024

https://github.com/victorcmarinho/zappts-test

Create pages layout, “sign in” and “sign up”.

angular cssgrid flexbox html5 sass typescript zappts

Last synced: 11 Nov 2024

https://github.com/subotkevic/videl

Videl – Component Framework for Vue2.

css flexbox framework frontend frontend-framework js vue2

Last synced: 27 Oct 2024

https://github.com/preethi-dev/minimal-layout-04

About CSS grid enable the modern layouts. This 4th layout of modern layout series using Flexbox. #Made-In-CSS-FlexBox

css3 flexbox html html5 minimal-layout minimal-layout-04 mobile-first-layout responsive-web-design

Last synced: 11 Nov 2024

https://github.com/ahmadrezamozaffary/online-shop-ui

پروژه دانشجویی - ریسپانسیو نیست

css3 cssvariables flexbox html5

Last synced: 14 Nov 2024

https://github.com/s3nsu1k4n/rock-paper-scissors

Simple implementation of "rock paper scissors"

css flexbox git html javascript

Last synced: 11 Nov 2024

https://github.com/andreadcsousa/alura_webpage_flexbox

Aprendendo e praticando Flexbox.

alura aprendendo flexbox

Last synced: 05 Nov 2024

https://github.com/zafar-saleem/zafar-saleem.github.io

Zafar Saleem personal website that shows links to my github, linkedin, instagram and medium profiles alongside CV with list of technical skills.

css css-in-js css3 cv flexbox fullstack-development fullstack-javascript html5 instagram linkedin medium portfolio-site react reactjs saleem styled-components web webdevelopment zafar zafarsaleem

Last synced: 08 Nov 2024

https://github.com/phoenixmputu/chat-app-css-illustration

This is a solution to the [Chat app CSS illustration challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/chat-app-css-illustration-O5auMkFqY). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

css flexbox grid html

Last synced: 11 Nov 2024

https://github.com/doubleedesign/Flexee-WordPress-Theme

FlexeeWP is a WordPress starter theme that uses a simple, flexbox-based, 12-column grid system and plenty of SASS. Currently a work in progress.

flexbox sass wordpress-boilerplate wordpress-starter-theme

Last synced: 27 Oct 2024

https://github.com/lin3s/cssgrid

Simple CSS grid based on Flexbox in the LIN3S way

adaptive-grid css-grid css3 flexbox fluid-grid grid grid-layout sass ui

Last synced: 28 Oct 2024

https://github.com/phoenixmputu/fylo-landing-page-with-two-column-layout

This is a solution to the [Fylo landing page with two column layout challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/fylo-landing-page-with-two-column-layout-5ca5ef041e82137ec91a50f5). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

css flexbox font-awesome html responsive

Last synced: 11 Nov 2024

https://github.com/phoenixmputu/404-not-found-challenge

Solution for a challenge from Devchallenges.io

css flexbox html

Last synced: 11 Nov 2024

https://github.com/phoenixmputu/interactive-rating-component-solution

This is a solution to the [Interactive rating component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/interactive-rating-component-koxpeBUmI). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

css flexbox html javascript vanillajs

Last synced: 11 Nov 2024

https://github.com/mkabumattar/pure-css-scroll

Pure CSS FullPage Scroll

css3 flexbox grid html5

Last synced: 27 Oct 2024

https://github.com/samlatavares/igti-fullstack-bootcamp-desafio-3

Challenge made during IGTI's Fullstack bootcamp. It's a React Project of a Compound Interest Calculator. Installments are displayed after user inform a initial value, monthly interest and term.

css flexbox html javascript reactjs

Last synced: 31 Oct 2024

https://github.com/phoenixmputu/testimonials-grid-section

This is a solution to the Testimonials grid section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

css flexbox grid htms

Last synced: 11 Nov 2024

https://github.com/samlatavares/java-fundamentos-web-api-servlet

Project made during a class. It is a simple CRUD that allows the person that is using it to create, update, delete and read the companies data.

css flexbox html java jsp tomcat

Last synced: 31 Oct 2024

https://github.com/samlatavares/product-landing-page

Product Landing Page made for FreeCodeCamp Certification.

css flexbox html

Last synced: 31 Oct 2024

https://github.com/phoenixmputu/clipboard-landing-page-solution

This is a solution to the [Clipboard landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/clipboard-landing-page-5cc9bccd6c4c91111378ecb9). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

css flexbox html

Last synced: 11 Nov 2024

https://github.com/phoenixmputu/huddle-landing-page-with-curved-sections

This is a solution to the [Huddle landing page with curved sections challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/huddle-landing-page-with-curved-sections-5ca5ecd01e82137ec91a50f2). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

css flexbox font-awesome html responsive

Last synced: 11 Nov 2024

https://github.com/samlatavares/tribute-page

Ada Lovelace's Tribute Page made for FreeCodeCamp Certification

css flexbox html

Last synced: 31 Oct 2024

https://github.com/binarieschool/melquiadeshr-front-end-online-store

Front-End. Virtual store to buy clothes, with different sections and options that we can choose. For example: the price of a product.

css3 flexbox grid html5 responsive-design vscode

Last synced: 11 Nov 2024

https://github.com/krenbot/trillo

Travel/Reviews page done with advanced CSS techniques

css flexbox flexbox-layout responsive-design

Last synced: 26 Oct 2024

https://github.com/binarieschool/melquiadeshr-web-freelancer

Very simple website for a freelance developer

css3 design flexbox html5 programming vscode

Last synced: 11 Nov 2024

https://github.com/augustomello09/flexbox-css

Estudando alguns elementos do Flexbox no CSS

css flexbox

Last synced: 11 Nov 2024

https://github.com/cannercms/grid-breakpoint

Automatically add breakpoints to your grids

flexbox grid grid-breakpoint

Last synced: 14 Nov 2024

https://github.com/rudradcruze/world-cup

This project is about simple world cup projects with multiple articles and matches with responsive. Live Site:

css3 flexbox grid html5 media-queries responsive transition

Last synced: 25 Oct 2024

https://github.com/samlatavares/technical-documentation

FlexBox Technical Page created for FreeCodeCamp's Responsive Web Design Certification.

css flexbox html

Last synced: 31 Oct 2024

https://github.com/phoenixmputu/my-team-page

This application/site was created as a submission to a [DevChallenges](https://devchallenges.io/challenges) challenge. The [challenge](https://devchallenges.io/challenges/hhmesazsqgKXrTkYkt0U) was to build an application to complete the given user stories.

css flexbox grid grid-layout html

Last synced: 11 Nov 2024

https://github.com/hraverkar/marvel

Marvel Universe Character Information. Development - Progress

angular8 flexbox marvel-api marvel-comics marvelcharacters marvelstudios material-ui nodejs

Last synced: 07 Nov 2024

https://github.com/otkazano/russian-travel

Одностраничный сайт с адаптивной версткой - второй учебный проект в Яндекс.Практикуме.

bem-methodology css-animations flexbox grid html5 media-queries

Last synced: 19 Nov 2024

https://github.com/harshkapadia2/sample-landing-page

A sample landing page

css flexbox html html-css

Last synced: 25 Oct 2024

https://github.com/saddamarbaa/project_responsive_grid_css_website_from_scratch

==> This is a code repository for a new project: Build Responsive Grid CSS Website From Scratch using modern CSS features and techniques like CSS variables, rem units, and flexbox.

complete-responsive-website css-grid-layout css-variables flexbox modern-css-features rem-units

Last synced: 21 Oct 2024

https://github.com/kirpinev/travel-around-russia

Интересные места России

adaptive css3 flexbox grid-layout html5 nextjs reactjs typescript

Last synced: 10 Nov 2024

https://github.com/github-dev12345/challenege-card-view-

🚀👍Finally I Update My Projects Using New Technologies SASS/SCSS ( Mixing, Nesting ) 🚀 this challenge completed Used Other Technologies CSS-grid, cssflexbox

css-grid css3 dom-manipulation flexbox language nesting-styles responsive-web-design sass scss-framework

Last synced: 09 Nov 2024

https://github.com/patryk-majchrzak/todo_list_react

Application which allows you to create list of things to do and organise your work. List items can be deleted and their status can be changed from not done to done and other way around. Check it out!

flexbox grid hooks i18next javascript localstorage react-i18next react-router react-toolkit reactjs redux redux-saga styled-components

Last synced: 10 Nov 2024

https://github.com/redjanvier/vanilla-starter

A simple vanilla frontend starter with flexbox and grid

css css-grid flexbox html javascript sass

Last synced: 19 Nov 2024

https://github.com/phoenixmputu/fylo-data-storage-component

This is a solution to the [Fylo data storage component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/fylo-data-storage-component-1dZPRbV5n). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

css flexbox html

Last synced: 11 Nov 2024

https://github.com/triple-ade/crypto-currency-landing-page

A crypto currency landing design challenge

css3 flexbox html5 javascript

Last synced: 12 Nov 2024

https://github.com/mehmet-github06/check.out

This project implements a checkout system for a library app where users can purchase books. The checkout system calculates the total price, including discounts, taxes, and shipping costs, and allows users to manage their cart by adding, removing, and adjusting the quantity of items.

flexbox html-css-javascript mediaquery responsive

Last synced: 15 Nov 2024

https://github.com/studio107/flexy

Flex based scss grid framework

bem flexbox framework scss ui

Last synced: 09 Nov 2024

https://github.com/moguelor/challenge-four-card

Four card feature section - Frontend challenge

css flexbox frontendmentor html

Last synced: 19 Oct 2024

https://github.com/moguelor/challenge-base-apparel-coming-soon

Challenge base apparel coming soon - Frontendmentor.

css flexbox frontendmentor-challenge html5 javascript

Last synced: 19 Oct 2024

https://github.com/pernillasterner/technigo-project-library

The goal of this project was to create a digital recipe library capable of loading and displaying information like title, cuisine, time, and ingredients for each recipe. Additionally, users should have the ability to filter recipes based on cuisine or author, and sort the recipes alphabetically.

arrays css3 figma filter flexbox flexbox-layout grid-layout html5 javascript objects sass-framework search ui

Last synced: 29 Sep 2024

https://github.com/eugenia1984/css_flex_box

Exercise to practice the flexbox in CSS

css exercise flex flexbox practice

Last synced: 10 Nov 2024

https://github.com/dcuevasdev/checkout-page

Solución para un reto de devchallenges.io

css3 flexbox html5 responsive-web-design

Last synced: 10 Nov 2024

https://github.com/ernanej/kitty-flexbox

Aplicação para testar e demonstrar a usabilidade de propriedades css referentes ao flex layouts. O intuito é conseguir manipular a DOM de forma que, em tempo de execução, o layout se altere de acordo com as opções escolhidas pelo usuário.

css flexbox flexbox-css

Last synced: 24 Oct 2024

https://github.com/lankaukk/react-website

My Personal Portfolio! Fully-responsive React website built with React Hooks, react-external-link, and react-router, and custom CSS animations

css flexbox react react-hooks react-router scss

Last synced: 15 Oct 2024

https://github.com/harshkapadia2/lbl-tribute-page

A tribute page for the amazing EDM DJ & producer, Laidback Luke.

css flexbox html html-css tribute tribute-page

Last synced: 25 Oct 2024

https://github.com/yryryk/russian-travel

Одностраничный сайт демонстрирующий возможности для путешествий по необъятной России. Этот сайт можно комфортно просматривать на устройствах с шириной экрана от 320px и больше, за счет примененной в проекте адаптивной верстки

css-grid css3 flexbox html

Last synced: 27 Oct 2024

https://github.com/prerana1821/prekit

preKit is a free, open source library that provides ready-to-use frontend components that you can easily combine to build responsive web interfaces.

css-grid flexbox html5

Last synced: 18 Oct 2024

https://github.com/afeiship/wsui-layout-trbla

Simply flexable trbla layout for wsui.

auto bottom flexbox layout left lt right top wsui wsui-lt

Last synced: 27 Oct 2024

https://github.com/sharongrossman/mui-flex-layout

A simple reuseable solution to using material-ui with flex alignments :muscle:

abstraction components flexbox material-ui react

Last synced: 12 Nov 2024

https://github.com/athari/alba.avalonia.flexpanel

Panel implementing CSS-like flexbox for Avalonia [MIT]

avalonia avaloniaui c-sharp c-sharp-library dotnet flexbox flexbox-layout xaml

Last synced: 05 Nov 2024

https://github.com/panteng/lean-grid

A simple CSS layout framework based on CSS flexbox.

flexbox

Last synced: 09 Nov 2024

https://github.com/akasharojee/portfolio

Build a portfolio as part of Microverse's projects

css css3 flexbox html html5 microverse portfolio scss

Last synced: 18 Oct 2024

https://github.com/baloise/ws-css_basics

Workshop about responsive design, css styling, sass, flexbox and angular specials

angular css flexbox responsive-design scss styling

Last synced: 09 Nov 2024

https://github.com/dmitrysharabin/mavo-flexbox-demo

Project inspired by CSS-Tricks and Angular Flex-Layout Demos. Made with Mavo

flexbox mavo playground

Last synced: 15 Oct 2024

https://github.com/miguelitodev/jogodavelha_multiplataforma

Esse é um projeto pessoal, no qual eu desenvolvi um joguinho da forca, responsivo, ou seja funciona tanto no computador como nos smartphones e tablets, as tecnologias utilizadas foram apenas HTML5, CSS3 e JS, no qual para deixar responsivo eu utilizei flexbox que é próprio do CSS.

css css3 flexbox hmtl5 html javascript js responsive-design responsivo smartphones

Last synced: 12 Nov 2024

https://github.com/aleksandracislowski/animal-shelter-website

My project of an animal shelter. Some of the learning materials which helped me to build it are available from @WebDevSimplified

accordion-component carousel-component flexbox form grid hamburger-menu html-css-javascript layout scss

Last synced: 09 Nov 2024

https://github.com/andersonguedesmg/t-shirt-store

Sistema de carrinho de compras para uma loja de camisas.

flexbox mongodb react react-modal redux

Last synced: 08 Nov 2024

https://github.com/enricodk/nativescript-yoga-lib

Yoga layout engine plugin for Nativescript

flexbox ios javascript nativescript nativescript-plugin yoga yogakit

Last synced: 19 Nov 2024

https://github.com/miguelitodev/foxie

Este é um projeto feito para obtenção de nota na matéria de Programação Web III na ETEC Guaianazes no curso de Desenvolvimento de Sistemas, o objetivo é que nele seja utilizado as seguintes tecnologias HTML, CSS, JS, PHP e MySQL

backend css css3 flexbox frontend html html5 js mysql mysql-database php php7 responsive

Last synced: 12 Nov 2024

https://github.com/a-tokyo/at-flex-grid

💄A lightweight CSS3 flexbox grid with extra flex functionalities.

css css-framework css-grid customizable flex flex-grid flexbox flexbox-features flexbox-grid grid lightweight sass scss

Last synced: 22 Oct 2024

https://github.com/maxicorrea/svelte-notes

Application to create notes developed in SvelteJS + TypeScript + Stores

css flexbox html5 javascript notes-app svelte svelte-store sveltejs typescript

Last synced: 12 Nov 2024

https://github.com/maxicorrea/react-pricing-tables

Responsive Pricing Table example using React + Typescript + Flexbox Layouts + JSS + React Redux + Redux Thunk

axios axios-restful flexbox flexbox-css github-actions jss pricingtable reacjs react react-hooks react-jss react-pricing-tables react-redux react-spinner-kit redux redux-thunk typescript

Last synced: 12 Nov 2024

https://github.com/maxicorrea/react-centering-home

This code repository contains CSS Flexbox practices using React + TypeScript + JSS

flexbox flexbox-css jss react react-typescript reactjs typescript

Last synced: 12 Nov 2024

https://github.com/obrm/lorem-finance

Demo of a finance company website.

css flexbox html5

Last synced: 09 Nov 2024

https://github.com/leolanese/react-movies-api

React: React movies Db API

flexbox react useeffect

Last synced: 14 Nov 2024

https://github.com/5hraddha/from-portland-to-portland

From Portland to Portland is a static but responsive website about an exciting journey on bike from Portland, Maine to Portland, Oregon.

bem bem-methodology css css-flexbox css-flexbox-grid css-grid css3 figma flexbox grid grid-layout html journey responsive svg travel usa

Last synced: 10 Nov 2024

https://github.com/5hraddha/learning-how-to-learn

Learning How to Learn is a static website that is intended to discuss the most effective, cutting-edge learning techniques that one can apply to their daily life.

animation css flexbox flexbox-css iframes

Last synced: 10 Nov 2024

https://github.com/glopzel/art-gallery

astro static website FEM project

astro css css-grid flexbox

Last synced: 08 Nov 2024

https://github.com/diogomalfatti/robogamerjob_presell

Este job é um freela. Desenvolvimento de uma página comercial a pedido do cliente.

css3 flexbox html5 responsive

Last synced: 08 Nov 2024

https://github.com/maxicorrea/svelte-pricing-tables

Responsive Pricing Table example using Svelte + Typescript + Flexbox Layouts + CSS

axios css css3 flexbox svelte svelte-components svelte-stores svelte-v3 svelte3 sveltejs typescript

Last synced: 12 Nov 2024

https://github.com/xremix/flexgrid

A lightweight CSS3 flex box based grid

breakpoint css3 css3-flexbox flexbox flexgrid grid grid-layout html5

Last synced: 09 Nov 2024