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-grid

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

https://github.com/codebase-frontend-library/codebase-5

A business class CSS style library for the modern web

alpinejs css-framework css-grid css-variables flexbox sass-library

Last synced: 15 Oct 2024

https://github.com/felipeorlando/tetris-grid

◼️Lightweight and simple CSS grid

css-grid flexbox flexbox-grid grid sass tetris tetris-grid

Last synced: 27 Oct 2024

https://github.com/syknapse/tychos-supernova

A tribute page for the supernova that changed the world and the curiosity to understand it

css css-grid grid parallax parallax-effect parallax-scrolling responsive-design

Last synced: 19 Nov 2024

https://github.com/victory-css/victory.css

A lightweight (7.4KB gzipped) and very simple front-end CSS framework

css css-framework css-grid sass scss

Last synced: 08 Dec 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/nitbravoa92/portfolio-setup-and-mobile-first

This project consists of the design of a Personal Portfolio using HTML, CSS and Javascript, applying the Mobile first approach.

css-grid css3 html javascript

Last synced: 20 Nov 2024

https://github.com/kokushin/unitscss

UNITS is a simple and beautiful CSS component set.

components css-framework css-grid css3 simple snippets template website

Last synced: 25 Nov 2024

https://github.com/patrick-emmanuel/playback

This a music app built with react and redux that is still being actively developed with the open deezer api.

css-grid deezer music react redux sample

Last synced: 09 Nov 2024

https://github.com/superreal/srgrid

Dead Simple Flexbox Grid

css-grid flexbox grid grid-system responsive

Last synced: 10 Nov 2024

https://github.com/leonidasesteban/curso-css-grid-layout-interfaces

Ejercicios y proyecto de Google Calendar del curso de CSS Grid Layout e Interfaces

accessibility css css-grid html

Last synced: 09 Nov 2024

https://github.com/joshuaiz/grate

Grate: A super-minimal WordPress starter theme with CSS Grid for developers.

css-grid starter-theme wordpress wordpress-theme

Last synced: 08 Nov 2024

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

CSS grid enable the modern layouts. This the 1st layout of modern layout series. #Made-In-CSS-Grid

css css-grid css3 css3-grid flexbox grid html5 layout layouts modern-layout-01 responsive responsive-layout responsive-web-design

Last synced: 11 Nov 2024

https://github.com/daggerok/csrf-spring-webflux-mustache

This repository is contains example application using spring boot 2.0, webflux, spring security 5, reactive mongodb and mustache template engine: spring security 5, CSRF protection with mustache, spring webflux functional routes security, method security, authorization decision, etc

controller-advice csrf csrf-protection csrf-tokens css-grid css-grid-layout maven mongodb mustache reactive reactive-mongo reactive-programming security spring-boot spring-mvc spring-security spring-web spring-webflux webflux

Last synced: 11 Nov 2024

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: 26 Dec 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/ashish2030/weather-app-using-javascipt

:octocat:🌟ᴛʜɪꜱ ɪꜱ ᴀ ᴡᴇᴀᴛʜᴇʀ ᴀᴘᴘ ᴀᴘᴘʟɪᴄᴀᴛɪᴏɴ ᴍᴀᴅᴇ ʙʏ ᴍᴇ ᴡʜᴇʀᴇ ʏᴏᴜ ᴄᴀɴ ᴄʜᴇᴄᴋ ʟɪᴠᴇ ᴡᴇᴀᴛʜᴇʀ ʀᴇᴘᴏʀᴛꜱ💻 🎯 🚀

ajax css css-grid heroku-deployment html5 javascript live-weather-application mit-license vanila-js weather-app web-api

Last synced: 14 Nov 2024

https://github.com/ohansemmanuel/css-grid-snippets

Supercharge your CSS Grid usage with VS Code snippets 👏 👏

css-grid snippets vscode vscode-css vscode-extension vscode-snippets

Last synced: 30 Nov 2024

https://github.com/uditmahato/beautiful_ugly

This is a simple web-based game that allows users to either upload an image or capture one using their device's camera. The captured or uploaded image is then classified by the system as either "beautiful" or "ugly" (for entertainment purposes only).

beautiful-ugly css css-grid facedetection fungame html javascript

Last synced: 15 Nov 2024

https://github.com/georgewpark/instagram-profile-layout

This project demonstrates how CSS grid (with flexbox and float fallback) can be used to re-create the layout of an Instagram profile page.

css css-grid design flexbox layout

Last synced: 15 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/appreciated/grid-layout

Css Grid for Vaadin Flow

css-grid vaadin-addon vaadin-flow

Last synced: 27 Oct 2024

https://github.com/manzdev/css-grid-cards

CSS Grid Cards: Talk for TLP Tenerife 2018 / JSDay CanariasJS 2018

css css-grid flex flexbox grid grid-css javascript postcss talks

Last synced: 11 Nov 2024

https://github.com/madeleineostoja/postcss-subgrid

PostCSS plugin that shims some basic behaviour of the proposed CSS subgrid spec

css-grid polyfill postcss postcss-plugin

Last synced: 01 Jan 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: 22 Nov 2024

https://github.com/gouri-panda/budgetapp

BudgetApp has a free web app that helps you track your cash, discover new ways to save, and even build. To remain unbiased we chose not to include ourselves in the list below, but we think you’ll love us anyway.

bootstrap css css-grid data-structures-and-algorithms github hacktoberfest hacktoberfest-accepted hacktoberfest2020 html5 javascript javascript-library open-source programming webapp webdevelopment

Last synced: 18 Nov 2024

https://github.com/valmisson/gridi

A utility-first CSS framework, build to quickly design and structure responsive sites with classes like flex, flex-column, justify-center, grid, col-span-2...

bootstrap-grid css css-framework css-grid flexbox flexbox-grid grid grid-system mobile-first modern responsive scss

Last synced: 27 Oct 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/ebisucom/grid-layout

『作って学ぶ　HTML + CSS グリッドレイアウト』のダウンロードデータです

css-grid css-grid-layout html-css layout ui-components

Last synced: 01 Jan 2025

https://markteekman.github.io/easybank-landing-page/

Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.

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

Last synced: 10 Nov 2024

https://github.com/dash7ou/learn_web_development

Learn Frontend Development from scratch, HTML5 & CSS3, Javascript and DOM, Codebase management by Git & Github and MarkDown to document ur project.

css css-grid css3 dom html html5 javascript layout responsive

Last synced: 25 Nov 2024

https://github.com/andres-condezo/math-magicians

"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: - Make simple calculations. - Read a random math-related quote. Built with React and pure CSS

css-grid javascript react reactjs

Last synced: 28 Dec 2024

https://github.com/markteekman/easybank-landing-page

Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.

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

Last synced: 23 Oct 2024

https://github.com/ccucurullo/doslotos-grid

A lightweight CSS Flexbox Framework

css-grid scss-framework

Last synced: 15 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/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/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/dinanathsj29/css-grid-beginners-tutorial

CSS Grid tutorial for all, This is comprehensive guide to CSS Grid layout (Two Dimensional Layout which handles Columns as well Rows). This complete guide explains everything about CSS Grid.

css-grid display-grid fr-unit grid-area grid-areas grid-cells grid-container grid-gap grid-items grid-layout grid-layout-demo grid-lines grid-practical-demo grid-tutorial

Last synced: 25 Nov 2024

https://github.com/simonneutert/css-grid-responsive-template

CSS Grid is the future - no doubt! Check this demo or my homepage.

css css-grid demo html5

Last synced: 03 Oct 2024

https://github.com/maxsite/berry

A utility-first CSS framework with full support Material Design. Better than Bootstrap

atomic-css css css-flex css-framework css-grid css-modules cssutils functional-css responsive sass scss utility-classes utility-first

Last synced: 12 Oct 2024

https://github.com/iqbaltaufiq/chat-template

Chat template for Web App

chat-application chatapp css-grid html5

Last synced: 21 Nov 2024

https://github.com/elwayman02/ember-photo-gallery

Example of a photo gallery built with CSS Grid and Ember.js Modifiers

css-grid ember emberjs modifiers

Last synced: 23 Oct 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/eneajaho/price-box-ng

Price Box Component built with Angular 8

angular8 css-animations css-grid ui-components

Last synced: 14 Oct 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/fylgja/fylgja-flex-grid

Create a complete grid using flexbox. And only set the columns you need. Making it even smaller than other flex grids.

css css-grid flexbox flexbox-grid fylgja grid layout scss

Last synced: 30 Nov 2024

https://github.com/lotrekagency/lotrek-ui

A collection of ready-to-use UI components written in HTML & CSS

css css-grid css-library html html-css html-template layout-system layout-template scss-library ui ui-kit

Last synced: 20 Nov 2024

https://github.com/wadackel/lime-grid.css

Powerful Flexbox based Grid System for modern browsers.

css css-grid grid-framework grid-system lime-grid

Last synced: 27 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/adriaanbd/simple_survey_form

Survey Form with CSS Grid, Python's Flask framework and User Interface test using Selenium.

css-grid flask flask-wtf page-object page-object-model pageobject-pattern selenium survey survey-form unittest unittesting wtforms

Last synced: 24 Oct 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/raizacirne/tabuada

Desenvolvimento de uma Calculadora de Tabuada em JavaScript. Com apenas alguns cliques, os usuários podem gerar e visualizar a tabuada de qualquer número entre 1 e 12. Além disso, a interface intuitiva e responsiva torna a experiência de uso fluida em qualquer dispositivo.

css-grid css3 html5 javascript sass sass-mixins

Last synced: 15 Oct 2024

https://github.com/abdussattar-70/math-magicians

This is the first project of the Math Magicians app. In this project, I made a simple SPA that contains three subpages - a simple calculator, a random math-related quote, and Homepage.In addition, Wrote tests for all components.

css-grid javascript jsx react

Last synced: 20 Oct 2024

https://github.com/faceless-ui/css-grid

A React library for building layouts using CSS Grid

css css-grid flexbox grid layout react react-component typescript

Last synced: 18 Dec 2024

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: 01 Jan 2025

https://github.com/lu-jim/mobile-portfolio

Portfolio project required in the first module of the Microverse program. This single-page site was built with HTML and CSS(Flexbox and CSS Grid) with small Javascript add-ons.

css-grid css3 flexbox html javascript

Last synced: 06 Dec 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/kumarsidharth/12-column-grid

Light weight CSS library that provides CSS classes for creating 12 column grid layout.

css css-grid grid grid-layout scss

Last synced: 08 Dec 2024

https://github.com/hamlim/future-grid

A grid system for the future (and the past)

css css-grid css-grid-layout css-grids cssgrid flexbox framework grid ie8

Last synced: 27 Oct 2024

https://github.com/otherwa/vela-patrak_v_1.0

A Simple Timetable Management Sys (PHP)

css-grid css3 graph html-css-javascript php7

Last synced: 28 Nov 2024

https://github.com/ultirequiem/css-grid-platzi

📖 CSS Grid course on @Platzi by @teffcode

css css-grid html-css-javascript

Last synced: 24 Oct 2024

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

Dynamic ETCH-A-SKETCH generator

css css-grid grid javascript

Last synced: 24 Oct 2024

https://github.com/joryhogeveen/genesis-widget-column-classes

This plugin adds Bootstrap column classes to widgets, built mainly as an extention for the Genesis Framework

bootstrap classes column-classes columns css-grid css-grid-layout genesis-framework genesiswp widget wordpress wordpress-plugin wordpress-widget-plugin wp-plugin

Last synced: 27 Oct 2024

https://github.com/simplenotsimpler/modern-javascript-dashboard

Sample themable JavaScript dashboard template that employs modern ES6, Bootstrap 4 and CSS grid. Uses color-blind friendly theme.

apexcharts bootstrap-4 bootstrap4 color-blind css-grid data-table es6-classes es6-javascript javascript json semantic-html themable vanilla-javascript

Last synced: 27 Dec 2024

https://github.com/ssense/react-layout

📐A front end layout component for react written with CSS grid

css-grid react react-component

Last synced: 16 Nov 2024

https://github.com/edumigueis/photo-galleries

An experiment with galleries design and CSS properties. Made using VUEJS and CSS.

css css-gallery css-grid css-layouts css-masonry-layouts css3 gallery gallery-images vue vue-router vuejs

Last synced: 06 Dec 2024

https://github.com/wbrowar/craft-little-layout

A compact, visual way to lay out fields, elements, and Matrix blocks.

alignment craft-plugin craftcms css-grid field fields layout templating

Last synced: 17 Nov 2024

https://github.com/yaairfernando/newsweek

Project developed with HTML5, CSS3 and Bootstrap that shows a responsive web design of NewsWeek homepage

css-grid css3 flexbox html5

Last synced: 02 Jan 2025

https://github.com/dezudas/gaida

A minimalist CSS framework

css css-framework css-grid sass-framework

Last synced: 15 Oct 2024

https://github.com/wesam-abutuaimeh/blog.com

Professional Template Implemented By Me "Wesam Abutaima" and Using Html5 , Css3 , JavaScript ES6 languages. This Template Contain High Skills For Front-End Developers Must Have It .

blog blog-theme css-grid css3-animations es6-javascript front-end frontend-template html-template html5 html5-css3-js professional-template template

Last synced: 21 Nov 2024

https://github.com/adsonnovaes/social-media-dashboard

Reunindo todas as informações das redes sociais em uma única página, uma aplicação totalmente responsiva e adaptável ao seu dispositivo.

css-grid dark-mode mobile-first react sass typescript

Last synced: 14 Nov 2024

https://github.com/s1gr1d/guide.css-grid-examples

🟪 grid overview with different examples

css css-grid css-grid-layout hacktoberfest

Last synced: 13 Dec 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/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/inna-mykytiuk/confetti

Welcome to Confetti, where we specialize in crafting unique and exceptional balloon decorations for all your special events.

css css-animations css-grid framer-motion next next-14 react-carousel react-scroll react-toastify

Last synced: 06 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/ela-fhd/microsoft

I developed Microsoft website with html, css, flexbox and css grid,I hope you enjoy it 💚

css css-grid flexbox html mediaquery

Last synced: 28 Nov 2024

https://github.com/akt0001c/westernwear

Welcome to Western Wear, a dynamic and immersive online platform crafted with HTML, CSS, and JavaScript. Dive into the essence of Western fashion as you explore our website, seamlessly powered by a JSON server. Immerse yourself in a digital frontier where style meets technology, showcasing the perfect blend of classic Western aesthetics .

css css-grid html5 javascript json-server npm-package

Last synced: 13 Nov 2024

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

Math Magicians is a Single Page App (SPA) that allows users to Make simple calculations and Read a random math-related quote. It is developed by React.js

css-grid javascipt reactjs

Last synced: 20 Nov 2024

https://github.com/jh3y/which-key

an app for grabbing JavaScript KeyboardEvent info!

css-grid css3 javascript keyboard keyboard-event-viewer keyboard-events pug stylus vue vue-components vuejs

Last synced: 16 Nov 2024

https://github.com/pinkhominid/wc-responsive-grid

Web component to simplify responsive content area layout using CSS Grid

component container content css css-grid grid layout media queries query responsive wc web webcomponents

Last synced: 03 Dec 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/yothu/tic-tac-toe-game

Simple Tic Tac Toe game

css-grid game html5 javascript webpack

Last synced: 09 Dec 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/oktadev/okta-react-css-grid-example

CSS Grid with React Example

css css-grid react

Last synced: 14 Nov 2024

https://github.com/siarie/fxgrid

Simple CSS grid framework based on flexbox.

css css-grid flexbox framework grid scss showcase

Last synced: 19 Dec 2024