cssgrid | Topic | Ecosyste.ms: Repos

Topic: "cssgrid"

thomaspark/gridgarden

A game for learning CSS grid layout 🥕

Language: JavaScript - Size: 4.11 MB - Last synced at: 3 months ago - Pushed at: 5 months ago - Stars: 3,319 - Forks: 320

Etesam913/euismod

📝 A website that make learning CSS grid easy and interactive

Language: JavaScript - Size: 10.7 MB - Last synced at: 4 months ago - Pushed at: over 3 years ago - Stars: 287 - Forks: 16

codrops/PageFlipLayout

A template with a magazine-like layout and a flat page flip animation

Language: JavaScript - Size: 477 KB - Last synced at: 6 months ago - Pushed at: about 7 years ago - Stars: 172 - Forks: 42

facjure/mesh

A toolkit for Responsive Web Typography

Language: Clojure - Size: 117 KB - Last synced at: 2 months ago - Pushed at: almost 7 years ago - Stars: 171 - Forks: 7

codingelle/django-whatsapp-web-clone

A WhatsApp Web Clone Chat Application for those developers that like to use Django Channel for handling WebSocket request

Language: HTML - Size: 264 KB - Last synced at: 6 months ago - Pushed at: about 2 years ago - Stars: 152 - Forks: 65

Selekkt/skelet

Skelet.css a contemporary CSS framework. The basics to get started.

Language: HTML - Size: 940 KB - Last synced at: 6 days ago - Pushed at: 10 days ago - Stars: 141 - Forks: 11

codrops/GridRevealEffects

Some experiments with the new staggering system of Anime.js

Language: HTML - Size: 3.3 MB - Last synced at: 4 months ago - Pushed at: almost 7 years ago - Stars: 120 - Forks: 46

joshuaiz/plate

Plate: a super stripped-down WordPress starter theme for developers.

Language: PHP - Size: 7.81 MB - Last synced at: 9 months ago - Pushed at: almost 2 years ago - Stars: 109 - Forks: 27

billfienberg/grid-garden

Solutions to CSS Grid Garden

Language: CSS - Size: 57.3 MB - Last synced at: over 2 years ago - Pushed at: almost 6 years ago - Stars: 90 - Forks: 22

taskbase/tb-grid

tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.

Language: SCSS - Size: 251 KB - Last synced at: about 2 months ago - Pushed at: almost 4 years ago - Stars: 33 - Forks: 4

A microframework based on CSS Grid Layout to build various types of grids thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes to organize your content.

Language: CSS - Size: 1.5 MB - Last synced at: about 2 months ago - Pushed at: about 3 years ago - Stars: 29 - Forks: 3

VladimirHumeniuk/gridbugs-ru

Перевод списка багов в CSS Grid Layout, курируемого Рейчел Эндрю

Size: 60.5 KB - Last synced at: 2 months ago - Pushed at: over 8 years ago - Stars: 24 - Forks: 3

FaztWeb/landing-page-three

Language: HTML - Size: 2.11 MB - Last synced at: almost 3 years ago - Pushed at: about 7 years ago - Stars: 19 - Forks: 12

karkranikhil/react-dashboard

Crypto currency Dashboard using React.js

Language: JavaScript - Size: 4.38 MB - Last synced at: almost 3 years ago - Pushed at: about 3 years ago - Stars: 14 - Forks: 13

arronhunt/simple-columns

🏛 A simple 12-column framework utalizing CSS grid

Language: HTML - Size: 14.6 KB - Last synced at: 9 months ago - Pushed at: over 7 years ago - Stars: 14 - Forks: 5

mvneerven/xo 📦

XO-JS - Declarative Forms, Wizards, Surveys. Developer Friendly, Extensible, Inheritance. Pure, Vanilla ES6 JavaScript - no dependencies.

Language: JavaScript - Size: 9.28 MB - Last synced at: 2 months ago - Pushed at: almost 4 years ago - Stars: 12 - Forks: 2

eneax/gatsby-landing-page-arty

🖼 Landing Page built with Gatsby, CSS Grid, styled-components, GraphQL and Contentful

Language: JavaScript - Size: 11.6 MB - Last synced at: 9 months ago - Pushed at: over 1 year ago - Stars: 10 - Forks: 3

dansalahi/PJ-Online-Studio

An PJ Online Studio

Language: CSS - Size: 1.7 MB - Last synced at: 9 months ago - Pushed at: over 3 years ago - Stars: 10 - Forks: 9

rayjencode/ecommerce_admin_dashboard_html

E-commerce Shopify Inpired dashboard UI made with HTML CSS Grid, SCSS

Language: HTML - Size: 3.3 MB - Last synced at: over 1 year ago - Pushed at: about 5 years ago - Stars: 9 - Forks: 7

TheJSGirl/instagram-profile-ui-clone

Attempt to clone Instagram profile page using React.js & CSS Grids :dancer:

Language: JavaScript - Size: 2.56 MB - Last synced at: over 1 year ago - Pushed at: about 6 years ago - Stars: 9 - Forks: 3

medelman17/Flexy-Flip-Cards

Responsive cards that flip. Built with React, Styled-Components, and CSS Grid.

Language: JavaScript - Size: 110 KB - Last synced at: 2 months ago - Pushed at: almost 7 years ago - Stars: 9 - Forks: 2

SimonPadbury/baselayer-3

A modern starter CSS library with container queries, a real CSS grid system, clamp() powered typography and spacing sizes, color-mix() shade utilities, and custom properties.

Language: CSS - Size: 1.6 MB - Last synced at: 3 days ago - Pushed at: 4 days ago - Stars: 8 - Forks: 2

kml1990/react-calculator 📦

Calculator built using ReactJs and MathJs.

Language: JavaScript - Size: 2.25 MB - Last synced at: about 1 year ago - Pushed at: almost 7 years ago - Stars: 8 - Forks: 0

kcotrinam/NewYorkTimes-article

This article was created based on a NYT article. For positioning was used flex, grid, and float as core of the website

Language: HTML - Size: 3.21 MB - Last synced at: over 2 years ago - Pushed at: almost 5 years ago - Stars: 7 - Forks: 0

danielzelayadev/mac-calculator

MacOS Calculator App clone made with React.js and styled-components.

Language: TypeScript - Size: 458 KB - Last synced at: almost 3 years ago - Pushed at: almost 7 years ago - Stars: 7 - Forks: 1

Anaizing/Studying-and-learning

Size: 832 KB - Last synced at: about 2 years ago - Pushed at: almost 8 years ago - Stars: 7 - Forks: 2

JonahKayizzi/Portfolio

This my personal portfolio site. The goal of this project is learn how to use Flexbox, Images, Backgrounds and Figma to create UIs and enhance the look of the website.

Language: JavaScript - Size: 1.24 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 6 - Forks: 0

teotimepacreau/Swiss-International-Style-Responsive

Responsive and accessible International Typographic Style classical posters web adaptation.

Language: CSS - Size: 329 KB - Last synced at: 9 months ago - Pushed at: almost 3 years ago - Stars: 5 - Forks: 0

hamlim/Future-Grid

A grid system for the future (and the past)

Language: CSS - Size: 124 KB - Last synced at: 2 months ago - Pushed at: almost 9 years ago - Stars: 5 - Forks: 0

FDMediagroep/fdmg-css-grid 📦

FDMG CSS Grid with Flexbox fallback

Language: TypeScript - Size: 6.33 MB - Last synced at: 19 days ago - Pushed at: 9 months ago - Stars: 4 - Forks: 0

saminyasar004/saminyasar

This is my portfolio website.

Language: HTML - Size: 7.55 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 4 - Forks: 0

sakshamGupta09/infinite-scrolling

A vanilla-js project to demonstrate infinite scrolling using intersection observer and unsplash API for fetching images..

Language: CSS - Size: 21.5 KB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 4 - Forks: 0

drewminns/griddy

Language: Vue - Size: 1.06 MB - Last synced at: over 1 year ago - Pushed at: about 3 years ago - Stars: 4 - Forks: 3

alfahami/acem.tech 📦

Design & Code of of acemtech website

Language: PHP - Size: 89.4 MB - Last synced at: almost 3 years ago - Pushed at: over 3 years ago - Stars: 4 - Forks: 0

DEEP-IMPACT-AG/cherry-grid 📦

🍒 Cherry Grid

Language: CSS - Size: 1.64 MB - Last synced at: over 1 year ago - Pushed at: over 5 years ago - Stars: 4 - Forks: 0

sabbirrahman/reddit-magazine

A simple reddit magazine app using web components

Language: HTML - Size: 141 KB - Last synced at: 10 months ago - Pushed at: almost 8 years ago - Stars: 4 - Forks: 0

NN-Bayat/Developer-Portfolio-Website

A responsive portfolio website showcasing projects like a Tribute Page, Random Quote Machine, and Tic Tac Toe Game. Features a clean design, visual previews, and easy navigation. Built with HTML, CSS, and minimal JavaScript.

Language: JavaScript - Size: 3.46 MB - Last synced at: about 2 months ago - Pushed at: about 1 year ago - Stars: 3 - Forks: 0

WadieBenabdouh/checkout-page

Checkout page e-shopping. first time using Javascript

Language: SCSS - Size: 527 KB - Last synced at: 9 months ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

govind-kumarr/my-tunes-musicapp

myTunes is a simple webpage where one can look at the best music and movie collections. It also have a gift cards feature by which you can avail amazing gift vouchers.

Language: HTML - Size: 3.83 MB - Last synced at: 8 months ago - Pushed at: almost 3 years ago - Stars: 3 - Forks: 0

TaheerMattur/Customer-Relationship-Management-Website

A CRM website that is fully responsive and consists of multiple pages including Home, Products, Pricing, and Login. It is built using Vanilla HTML5 and CSS3, and a bit of JavaScript for toggling the navigation bar. The website aims to include all possible sections that a CRM website can have.

Language: HTML - Size: 6.4 MB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 0

DiamondNath07/My_Youtube_Page

This a youtube clone app which features a live video. It is also a desktop view only application that works pretty well on your desktop and features css flexbox display property. It is built using html and css

Language: HTML - Size: 18.6 KB - Last synced at: 3 months ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 0

judah-caruso/gridicarus 📦

A structural approach to CSS Grids

Language: CSS - Size: 471 KB - Last synced at: 3 months ago - Pushed at: over 6 years ago - Stars: 3 - Forks: 0

ajmalfaris11/youtube-frond-end

YouTube Friend End: HTML and CSS Repository :- Welcome to the YouTube Friend End repository! This repository hosts the front-end codebase for a YouTube channel's interface. Specifically designed for desktop viewing, this project is built using HTML and CSS, offering a visually appealing and intuitive user experience tailored for viewers engaging

Language: HTML - Size: 11.5 MB - Last synced at: 27 days ago - Pushed at: about 1 month ago - Stars: 2 - Forks: 0

MilosCemalovic/kafeterijakraljevo

Project contains Advance CSS, BEM Architecture, DRY Methodology, SASS, CSS Grid, CSS Flexbox, CSS animatios, Background video, SVG icons, Intersection Observer, Smooth Scroll and HTML5. Check out MVC OOP PhP version on my GitHub profile.

Language: SCSS - Size: 29.3 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 2 - Forks: 0

kristophesankar/pomolotl

A pomodoro timer!

Language: JavaScript - Size: 954 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 2 - Forks: 0

Tolux001/Chanel-card-component

Solution for "Chanel card component" Challenge on Frontend Mentor

Language: CSS - Size: 1.05 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 0

highflyer910/your_realtor

Layout for realtor website (SCSS + CSS Grid)

Language: CSS - Size: 15.9 MB - Last synced at: almost 3 years ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 0

glweems/whatgrid

Generate Css Grid Layouts and save them as templates for later

Language: TypeScript - Size: 2.84 MB - Last synced at: 10 months ago - Pushed at: almost 3 years ago - Stars: 2 - Forks: 0

nsdonato/mentor_productcard

Challenge de Frontend Mentor, Product Card. Utilizando Flexbox y CSS Grid

Language: CSS - Size: 3.37 MB - Last synced at: 9 months ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

sahilkh07/Tripoto-Clone

We have cloned a website called tripoto.com , tripoto is a website which provides various packages for travelling. This project is a collaborative project and completed in group of 5 members. This website have some special features like authentication, carousel effects.

Language: HTML - Size: 7.49 MB - Last synced at: over 1 year ago - Pushed at: about 3 years ago - Stars: 2 - Forks: 0

rahilAhmadi/food-site-design-front-End-

پروژه بخش فرانت اند سایت فروشگاهی رستوران با تکنولوژی گرید

Language: HTML - Size: 46.7 MB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 1

sara-ettehad/We.care

Medical website

Language: HTML - Size: 7.47 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

sara-ettehad/GitHub-Search

API GitHub

Language: CSS - Size: 6.93 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

osujipius/Solflare

A replica of the solona based wallet website

Language: HTML - Size: 822 KB - Last synced at: 5 months ago - Pushed at: about 4 years ago - Stars: 2 - Forks: 2

bloom33/Hometown-News

CSS Grid and Flexbox coded news site.

Language: HTML - Size: 6.1 MB - Last synced at: over 2 years ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0

clojj/elm-css-grid

Elm package for CSS Grid

Language: Elm - Size: 13.9 MB - Last synced at: 7 months ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 3

react-pakistan/fdclahore-workshop

Facebook Dev Circles Lahore Workshop

Language: JavaScript - Size: 2.77 MB - Last synced at: 5 months ago - Pushed at: over 6 years ago - Stars: 2 - Forks: 4

unterweltler/scrumpoker

Simple Scrumpoker PWA - Build with CSS Grid & Vanilla JS

Language: HTML - Size: 196 KB - Last synced at: over 2 years ago - Pushed at: over 7 years ago - Stars: 2 - Forks: 1

kylealwyn/flexxed

The last CSS grid you'll ever need

Language: HTML - Size: 216 KB - Last synced at: about 2 months ago - Pushed at: over 8 years ago - Stars: 2 - Forks: 0

almdashif/MohammedAshif

A Personal Portfolio website

Language: JavaScript - Size: 1.4 MB - Last synced at: 7 months ago - Pushed at: 7 months ago - Stars: 1 - Forks: 0

andkcode/The-Witcher-Fan-Page

A responsive fan website for The Witcher universe, built with modern web technologies.

Language: HTML - Size: 103 MB - Last synced at: 9 months ago - Pushed at: 9 months ago - Stars: 1 - Forks: 0

Mooenz/mis-apuntes

Este repositorio es creado con el objetivo de guardar todos los apuntes, registros y ejercicios recopilados en los diferentes cursos tomados en la plataforma Platzi.

Language: HTML - Size: 56.1 MB - Last synced at: 9 months ago - Pushed at: 10 months ago - Stars: 1 - Forks: 0

DORMODO/portfolio

This repository contains my professional portfolio, showcasing my skills, projects. It features project descriptions, live demos, and source code links, built using HTML, CSS, Flexbox, CSS Grid, SCSS. .

Language: HTML - Size: 25.7 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

javedalihosamani/CSS3-Programs

CSS example programs for fresher's and experience people so please take help from these examples and update yourself. Thank you

Language: JavaScript - Size: 10.6 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

Ibiponmisola/nexter-project

This project is modelled off of Jonas Schmedtmann lecture on advanced css. In this project, i explored and had fun refreshing my #CSSGRID skills, as well as simple ux design skills. This project was created for educational purposes and can be repplicated for further learning. Enjoy!

Language: CSS - Size: 8.33 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

tauri-st/front-end-portfolio

Front end development portfolio showcasing my favorite projects! Check it out! 💖

Language: HTML - Size: 26 MB - Last synced at: over 1 year ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

Shwetapal9/Image-Hub-Gallery

ImageHub is a simple Image gallery created using React that displays images , also you can seach the Images of your choice

Language: JavaScript - Size: 98.6 KB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

WV-Wesley-Victor/CSS-Grid

Repositório do GitHub com um guia completo sobre CSS Grid, uma ferramenta poderosa para criar layouts flexíveis em páginas web. Aprenda a organizar conteúdo em linhas e colunas com exemplos práticos e explicações detalhadas.

Language: HTML - Size: 724 KB - Last synced at: almost 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

lewiskirega/calculator

This is a website that you can use to do your calculations. It has all the things needed in a basic calculator.

Language: HTML - Size: 2.93 KB - Last synced at: 9 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

amaranand360/calculator

simple calculator web app built with javaScripts

Language: JavaScript - Size: 7.81 KB - Last synced at: 9 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

mide2020-16/portfolio-template

I built my first self made portfolio template

Language: HTML - Size: 2.33 MB - Last synced at: almost 3 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

kmiloarguello/CA

CΛ - Portfolio

Language: JavaScript - Size: 35.9 MB - Last synced at: over 1 year ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

kartiksarwan2017/React-Calculator

Creating a Simple Calculator App for Arithmetic Operations using ReactJS

Language: JavaScript - Size: 1.01 MB - Last synced at: 10 months ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

Clelia-M/microsoftclone

A clone of the Microsoft website homepage based on TraversMedia Youtube challenge

Language: HTML - Size: 1.15 MB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

KaushikShivam/marketika

Marketing - A general landing page for business start ups and marketing agencies

Language: CSS - Size: 5.86 MB - Last synced at: 7 months ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 1

rinster/cake_baby

Developed and designed a responsive full stack web application portfolio with an administration dash panel. Admin users are able to login/register, perform real-time search, manage cake orders, upload portfolio pictures, and receive SMS text message notifications for new cake orders via Twilio API. Technologies: Python, Django, AJAX, jQuery, Twilio API, JavaScript, HTML, CSS, SQL

Language: HTML - Size: 50.7 MB - Last synced at: almost 3 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

WadieBenabdouh/news-homepage

Language: CSS - Size: 939 KB - Last synced at: 9 months ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

vivekdogra02/Airbnb-clone

Airbnb-clone - This project is related to Airbnb where you can see a nice calender to book the stays and a search page with Map around the center. A nice loader for transitioning from one page to another is awesome. Using Mapbox API to show the Calendar.

Language: TypeScript - Size: 62.5 KB - Last synced at: over 1 year ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 1