Awesome Open Source

Programming Languages

Search results for css grid layout

71 search results found

Csslayout ⭐ 7,926

A collection of popular layouts and patterns made with CSS. Now it has 100+ patterns and continues growing!

Cssgridgenerator ⭐ 4,577

🧮 Generate basic CSS Grid code to make dynamic layouts!

Hass Config ⭐ 4,509

✨ A different take on designing a Lovelace UI (Dashboard)

Mylinearlayout ⭐ 4,290

MyLayout is a powerful iOS UI framework implemented by Objective-C. It integrates the functions with Android Layout,iOS AutoLayout,SizeClass, HTML CSS float and flexbox and bootstrap. So you can use LinearLayout,RelativeLayout,FrameLayout,TableLayou to build your App 自动布局 UIView UITableView UICollectionView RTL

Gridgarden ⭐ 3,010

A game for learning CSS grid layout 🥕

A CSS grid framework using Flexbox. Only 321 bytes (Gzipped).

Avalanche ⭐ 622

Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system

React Gridlist ⭐ 388

A virtual-scrolling GridList component based on CSS Grids

Build layout through ASCII art in Sass (and more). No pre-built CSS. No additional markup.

Cssgrid Ama ⭐ 280

Ask me anything about CSS Grid Layout

Euismod ⭐ 260

📝 A website that make learning CSS grid easy and interactive

React Css Grid ⭐ 233

React layout component based on CSS Grid Layout and built with styled-components

Awesome Css Grid ⭐ 232

A curated list of CSS Grid Resources

Spacegrid ⭐ 199

A no-frills responsive grid layout to help you get started on your next project.

Reactsimpleflexgrid ⭐ 182

A way to quickly add a Grid Layout to your React app 🚀

Savvior ⭐ 127

A Salvattore and Masonry alternative without CSS-driven configuration or absolute CSS positioning

React Css Grid Table ⭐ 121

A React table library using CSS Grid Layout

Bootstrap Grid Css ⭐ 92

The grid and responsive utilities classes extracted from the Bootstrap 4 framework, compiled into CSS.

Awesome Grid Layout ⭐ 85

👓 A curated list of CSS Grid Layout Module or only Css Grid.

Interior ⭐ 75

Design system for the modern web.

Highly extensible and powerful CSS framework, prebuilt with grid system, elegant design and flexible components helps you to develop powerful interfaces.

Personal Goals ⭐ 66

List of books I've read, projects I've done, videos I've seen, articles I've read or podcasts I've listened to.

Front End ⭐ 64

60GS - 60 Columns Grid System based on CSS Grid Layout

Grid Container ⭐ 48

A grid for the future, CSS Grid Layout + Web Components (Custom Elements v1 + Shadow DOM v1)

Grid Garden ⭐ 46

Solutions to CSS Grid Garden

996 Grid ⭐ 44

Responsive css grid

Stylizer ⭐ 44

Stylizer is a flexible Css framework based on the visual aspect, the framework offers you a clean and easy work.

Web Grid ⭐ 38

A CSS Grid based Framework

Blazor.grids ⭐ 36

Gridbugs Ru ⭐ 29

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

Easy Grid ⭐ 29

easy-grid is a React component factory that provides a declarative layout mechanism for utilizing CSS grid layouts.

Youtube Css Grid ⭐ 26

Layout do YouTube com CSS Grid Layout

📐📏 Generate CSS grid layouts FAST.

Vise.css ⭐ 23

Minimal, Lightweight and Mature CSS Framework

Capstone Project ⭐ 22

In this capstone project, I'm going to build is based on an online website for a conference using HTML, CSS and JavaScript.

Blocksit ⭐ 22

BlocksIt.js is a jQuery plugin for creating dynamic grid layout. It manages to convert HTML elements into 'blocks' and position them in well-arranged grid layout like Pinterest.

Awesome Books ⭐ 21

In this project, I will build a basic website that allows users to add/remove books from a list. I will achieve that by using JavaScript objects and arrays. I will also need to dynamically modify the DOM and add basic events.

Utilitarian CSS Framework

Hexo Theme Griddy ⭐ 20

Hexo theme for artist & photographer showing their work that created with Bulma CSS Framework

Portfolio Setup And Mobile First ⭐ 20

In this project, I will build a portfolio website from scratch for mobile and desktop version using HTML, CSS and JavaScript.

Gaintime ⭐ 19

GainTime é um framework de HTML, CSS e JS para desenvolvimento de projetos responsivos, focado na simplicidade.

🔨 个人技术栈

Nanodegree Frontendwebdevelopment ⭐ 18

Master the skills required to become a Front-End Web Developer, and start building beautiful, responsive websites optimized for mobile and desktop performance.

CSS library for easier work with flex boxes

A novel mobile first flexbox BEM css grid.

Responsive UI framework created with Sass and based on flexbox. Inspired by vuesax project.

Powergrid ⭐ 14

Powerful grid system with CSS grid layout. Works in all modern browsers and IE11.

Udacity Frontend Web Developer Nanodegree Program ⭐ 13

All Udacity FrontEnd Web developer NanoDegree programme projects which are created by me with clean code

React Responsive Layout Grid ⭐ 13

React Responsive Grid Layout makes it easy to develop fluid layouts for mobile, tablet and desktop using ReactJs, Styled Components, CSS and Flexbox.

Rapid Bootstrap V4 ⭐ 13

«Rapid Bootstrap V4» is a toolkit for kickstarting web-projects, apps, and more. It includes the essential set of CSS elements optimized for perfect typography, a super simple fluid grid system and everything else necessary to develop mobile friendly content. It is optimized for speed and efficiency and will support all major desktop and mobile browsers. One of the cleanest and simples bootstraps you will ever get you hands on.

Aioneframework ⭐ 13

Aione Framework: All-in-one lightweight mobile first front-end framework to design websites, web applications, mobile applications, progressive web applications having large number of examples, documentation, tutorials, community support, components.

Templates ⭐ 12

Traleor templates are crafted with love to help you to build or customize your own website templates.

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

Spaceframework ⭐ 12

A powerful responsive SCSS framework  build with typography standards in mind.

Iturres Portfolio ⭐ 12

💼 Discover my 2023 Portfolio, featuring projects from 2022 to today. Explore my work, access my resume, and connect with me using the contact form below! Let's collaborate and create something amazing together.

Tpl_lyquix ⭐ 10

Joomla! base template created by Lyquix

Version 1 of PureCSSFramework

Photography_template_project_5 ⭐ 10

If you're a photographer or just someone who wants to showcase your photos on a website, this template is perfect for you. So, go ahead and check out my code ♥️📸

Build interfaces quickly with a lightweight, flexible, and friendly CSS framework designed to be quick and easy without forcing you to overwrite styles or components. Your design, your rules.

Directory Of Schools ⭐ 9

In this project I am required to use HTML and CSS to build an online directory of schools website

Minimalistic CSS boilerplate. Uses CSS Grid layout. Very small and fast to learn.

Neat Omega ⭐ 8

An omega mixin family for Neat 2.x

Semantic Flex Grid ⭐ 8

🔳 Semantic flexbox grids in Sass ~ Deprecated in favor of css grid layout

Juicy Tile Grid ⭐ 8

Masonry-like Custom Element for sortable tiles that packs efficiently without changing HTML structure (changes CSS only), and adapts it to CSS Grid Layout. Extended renderer for juicy-tile-list.

Grid Flex ⭐ 8

Grid system with Flexbox

Guia de CSS Grid Layout con proyecto demostrativo, en el cual, se incluye en múltiples formas sus virtudes.

Css Grid Layout ⭐ 7

A playground to master CSS grid layout

Next React Components ⭐ 7

Next React Components CSS and JS

A minimalistic bundle of a few SCSS/Sass tools for building modern, flexible websites: a better normalize, shorthand stuff for flexbox and grid, and a fluid sizing function.

Curso De Css Completo Desde Cero ⭐ 7

Como desarrollador web es importante tener un buen conocimiento en CSS. En este curso vas aprender todo lo necesario para dominar este lenguaje de estilos.

⚠️ DEPRECATED. The official Trowel Component for containers and grids

Cattle Grid ⭐ 6

Extremely lightweight, basic flex grid built from a simple sass mixin

Applestore V2 ⭐ 6

This is a MyTeam Project Web2 - PHP & MySQL | Apple Store

Flex Attributes ⭐ 6

Compose layout with flexbox in html.

Website Hugo Kogakure.de ⭐ 6

Portfolio ⭐ 5

Portfolio is made with vanilla-js and I did it with my partner. I have added so many user interaction and the most importantly I made it Accessible so that disabled person can be able to navigate through my portfolio.

Personal Portfolio ⭐ 5

This Is me Personal portfolio bulid with react and its ecoysytem and swiperJs and EmailJs

Fashion_template_project_3 ⭐ 5

If you're in the fashion industry and you want to showcase photos of the clothes and other items you've designed on your website, this template is the best choice for you. So, check out my code ♥️🎀

Bootstrap Sass Grid ⭐ 5

🎉 Bootstrap grid and Responsive utility "ONLY"

Portfolio ⭐ 5

Webdesign ⭐ 5

Prepara o discente para ter habilidades com as ferramentas de desenvolvimento web.

Cs260 Examples ⭐ 5

Raspbian Community Conference ⭐ 5

The Raspbian Community Conference is a brand-new event led by the Raspberry Pi Foundation with lots of help from our community of young people, educators, hobbyists, and tech enthusiasts. It will be a chance for people of all ages and skill levels to have a go at getting creative with tech.

Related Searches

Javascript Css (43,613)

Html Css (37,917)

Css Theme (9,823)

Css Bootstrap (8,210)

Reactjs Css (7,936)

Css Sass (5,463)

Python Css (3,949)

Css Jekyll (3,923)

Css Angular (3,622)

Css Jquery (3,583)

1-71 of 71 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.