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

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

https://github.com/1milligram/csslayout

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

css css-grid flexbox flexbox-layout grid-layout reactjs typescript webpack

Last synced: 09 Aug 2024

https://github.com/phuocng/csslayout

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

css css-grid flexbox flexbox-layout grid-layout reactjs typescript webpack

Last synced: 27 Sep 2024

https://github.com/jbaysolutions/vue-grid-layout

A draggable and resizable grid layout, for Vue.js.

drag-and-drop grid grid-layout resize vue vuejs2 widget

Last synced: 29 Sep 2024

https://github.com/sdras/cssgridgenerator

🧮 Generate basic CSS Grid code to make dynamic layouts!

css-grid generated-code generated-layout grid grid-layout grid-system netlify vue

Last synced: 30 Sep 2024

https://github.com/matt8707/hass-config

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

assistant grid-layout home

Last synced: 01 Oct 2024

https://github.com/youngsoft/MyLinearLayout

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,TableLayout,FlowLayout,FloatLayout,PathLayout,GridLayout,LayoutSizeClass to build your App 自动布局 UIView UITableView UICollectionView RTL

android autolayout cocoapods constraints css3 flexbox-layout grid-layout ios layout layoutsubviews rtl sizeclasses storyboard ui uicollectionview uiscrollview uitableview view xcode xib

Last synced: 14 Aug 2024

https://github.com/youngsoft/mylinearlayout

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,TableLayout,FlowLayout,FloatLayout,PathLayout,GridLayout,LayoutSizeClass to build your App 自动布局 UIView UITableView UICollectionView RTL

android autolayout cocoapods constraints css3 flexbox-layout grid-layout ios layout layoutsubviews rtl sizeclasses storyboard ui uicollectionview uiscrollview uitableview view xcode xib

Last synced: 30 Sep 2024

https://github.com/bannzai/SpreadsheetView

Full configurable spreadsheet view user interfaces for iOS applications. With this framework, you can easily create complex layouts like schedule, gantt chart or timetable as if you are using Excel.

gantt-chart grid-layout ios schedule spreadsheet timetable

Last synced: 15 Aug 2024

https://github.com/e-oj/magic-grid

A simple, lightweight Javascript library for dynamic grid layouts.

grid grid-layout layout

Last synced: 30 Sep 2024

https://github.com/e-oj/Magic-Grid

A simple, lightweight Javascript library for dynamic grid layouts.

grid grid-layout layout

Last synced: 30 Jul 2024

https://github.com/1000ch/grd

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

css flexbox grid grid-layout

Last synced: 30 Jul 2024

https://github.com/KyoheiG3/GridView

Reusable GridView with excellent performance and customization that can be time table, spreadsheet, paging and more.

grid-layout gridview ios spreadsheet swift timetable

Last synced: 31 Jul 2024

https://github.com/colourgarden/avalanche

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

bem css grid-layout sass scss

Last synced: 01 Oct 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: 30 Jul 2024

https://github.com/katoid/angular-grid-layout

Responsive grid with draggable and resizable items for Angular applications.

angular drag-and-drop draggable grid grid-layout resizable responsive

Last synced: 04 Aug 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: 01 Oct 2024

https://github.com/shyndman/flutter_layout_grid

A grid-based layout system for Flutter, inspired by CSS Grid Layout

dart flutter grid-layout layout

Last synced: 01 Aug 2024

https://github.com/jamiebuilds/react-gridlist

A virtual-scrolling GridList component based on CSS Grids

css grid grid-layout list listview react scrolling virtual windowing

Last synced: 01 Aug 2024

https://github.com/lazarljubenovic/grassy

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

ascii-art grid grid-layout grid-system sass

Last synced: 31 Jul 2024

https://github.com/jxnblk/react-css-grid

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

css-grid css-grid-layout grid-layout layout react react-component styled-components

Last synced: 02 Oct 2024

https://github.com/JonathanSpeek/spacegrid

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

css grid-layout

Last synced: 04 Aug 2024

https://github.com/attila/savvior

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

grid-layout masonry matchmedia multicolumn

Last synced: 30 Jul 2024

https://github.com/gabrieldim/bootstrap-layout-grid-system

Frontend made using bootstrap 5 classes and grid system.

bootstrap bootstrap-5 frontend frontend-web grid grid-layout system

Last synced: 27 Sep 2024

https://github.com/executablebooks/sphinx-panels

A sphinx extension for creating panels in a grid layout

bootstrap cards grid-layout panels sphinx sphinx-extension

Last synced: 01 Aug 2024

https://github.com/ivory-ui/ivory

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

components css css-framework design-system grid grid-layout hacktoberfest responsive scss scss-framework scss-mixins

Last synced: 01 Oct 2024

https://github.com/vladocar/60gs

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

css css-framework css-grid grid grid-layout grid-system html

Last synced: 02 Aug 2024

https://github.com/kennic/FrameLayoutKit

A super fast and easy-to-use layout library for iOS. FrameLayoutKit supports complex layouts, including chaining and nesting layout with simple and intuitive operand syntax.

autolayout autolayout-framework flow-layout grid-layout hstack ios layout layout-engine layoutkit stack-layout swift swift-framework swift-package-manager vstack zstack

Last synced: 01 Aug 2024

https://github.com/Nickelony/SpacedGrid-Avalonia

An extension of AvaloniaUI's Grid class with added RowSpacing and ColumnSpacing properties.

avalonia avaloniaui cross-platform csharp dotnet dotnet-standard grid grid-layout grid-system layout

Last synced: 03 Aug 2024

https://github.com/nickelony/spacedgrid-avalonia

An extension of AvaloniaUI's Grid class with added RowSpacing and ColumnSpacing properties.

avalonia avaloniaui cross-platform csharp dotnet dotnet-standard grid grid-layout grid-system layout

Last synced: 27 Sep 2024

https://github.com/mladenilic/columns.js

A minimalist masonry layout written in vanila JS, with no dependancies

es6 grid grid-layout grid-system masonry masonry-grid masonry-layout plain-js vanilajs

Last synced: 31 Jul 2024

https://github.com/zzawadz/customLayout

Simple extension of basic layout function from R.

complicated-layouts graphics grid-layout plot r

Last synced: 30 Jul 2024

https://github.com/burnoutjs/burnoutjs

:video_game: 2D game engine for manage collisions. Made with javascript and CSS Grid Layout.

css-grid css-grid-layout game-development game-engine grid-layout hacktoberfest hacktoberfest2021

Last synced: 01 Aug 2024

https://github.com/PrateekKumarSingh/Gridify

'Gridify' Powershell module provides cmdlet that can resize and arrange applications in an automatic grid layout with predefined formats using the Processes passed as parameter

cmdlet grid-layout gridify powershell processid screen-resolution

Last synced: 01 Aug 2024

https://github.com/amine1107/stylizer

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

css-framework css3 grid-layout responsive-web-design semantic-web

Last synced: 02 Oct 2024

https://github.com/amine1107/Stylizer

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

css-framework css3 grid-layout responsive-web-design semantic-web

Last synced: 30 Jul 2024

https://github.com/ixrock/flexbox

CSS library for easier work with flex boxes

css flexbox grid-layout layout sass

Last synced: 01 Oct 2024

https://github.com/harwinborger/spaceframework

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

alignment css css-framework foundation front-end-framework grid-layout layout layout-algorithm responsive-css scss scss-framework typography

Last synced: 01 Oct 2024

https://github.com/alitokmakci/gnb-ui

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

css css-framework grid-layout scss scss-framework ui ui-components

Last synced: 01 Oct 2024

https://github.com/zhenbinjing/i-Cut

:hammer: 个人技术栈

flexbox grid-layout gulp pwa responsive vue webpack

Last synced: 02 Aug 2024

https://github.com/Ezaldeen99/Shaky_animated_list

List animations to track your scroll changes on screen or your list first attachment to animated your list items with different transition rules.

animations flutter flutterapps grid-layout listview scroll

Last synced: 01 Aug 2024

https://github.com/iturres/iturres-portfolio

💼 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.

css3 grid-layout html5 javascript microverse-projects microverse-students stylelint webhint

Last synced: 02 Oct 2024

https://github.com/dz-levelzero/filter-animation

Create framer-motion Filter Animation using React.js

fetch-api framer-motion grid-layout react-js tmdb-movie-search

Last synced: 26 Sep 2024

https://github.com/helciodev/directory-of-schools

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

background-video css3 flexbox grid-layout html5

Last synced: 02 Oct 2024

https://github.com/garrettw/vitals

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.

css flexbox grid grid-layout layout modern neat npm push-left sache sass sass-library scss scss-library semantic vitals vitals-grid yarn

Last synced: 01 Oct 2024

https://github.com/ochornenko/dropdowngridmenu

Dropdown grid menu for iOS written in Swift.

animations dropdown-menus grid-layout ios-ui swift4

Last synced: 29 Sep 2024

https://github.com/mahammad-mostafa/personal-portfolio

This is the second project in the first module at Microverse program. It is a portfolio website built from a template in Figma.

css3 es6-javascript eslint flexbox grid-layout html-css-javascript html5 microverse microverse-projects microverse-students mit-license responsive-layout responsive-website styelint webhint

Last synced: 02 Oct 2024

https://github.com/yeaseen/fileexplorer

A tree or grid view based File explorer system with UI built in javafx and design issues are followed by Factory pattern, Composite pattern and Adapter pattern.

adapter-pattern composite-pattern design-patterns factory-pattern file-explorer grid-layout javafx javafx-gui tile-view tree-structure

Last synced: 29 Sep 2024

https://github.com/jomagene/time-tracking-dashboard

This repository contains the "Time Tracking Dashboard" solution, built with HTML for structure, Sass for responsive styling using mixins, media queries, and Grid, and JavaScript for fetching JSON data and updating the DOM.

async-await dom-manipulation fetch grid-layout mixins sass

Last synced: 01 Oct 2024

https://github.com/tsheporamantso/my-resume

Professional resume, depicting acquired skills, education, work experience and projects I've worked on thus far.

flexbox grid-layout html5 scss-framework

Last synced: 01 Oct 2024

https://github.com/jojoee/jeans-kit

:jeans: (Beta) Simple and clean frontend toolkit that you can wear it everywhere

css grid-layout

Last synced: 01 Oct 2024

https://github.com/abdussattar-70/capstone-1

This repThis repo is a part of the learning purpose that I made to how to use html css and js best practices.

css3 flexbox grid-layout html5 javascript

Last synced: 02 Oct 2024

https://github.com/anselemodims/calculator

Calculator is a single-page application built to calculate simple mathematical operations. It is built using React and CSS.

components grid-layout hooks javascript jest react react-router reactjs usestate-hook

Last synced: 01 Oct 2024

https://github.com/siegblink/webdev-resources

Collection of helpful web development resources.

bookmarks bookmarks-manager grid-layout javascript reactjs

Last synced: 01 Aug 2024

https://github.com/brytebee/newsweek

This project (https://microverse.org) replicates the Newsweek website with an emphasis on layout different screens. Built with Bootstrap.

bootstrap css3 grid-layout html5

Last synced: 02 Oct 2024

https://github.com/bradsec/gridgg

For use with Go Graphics fogleman/gg. Functions assist with simplifying position of images and text using positive grid x, y axis references. Ensures images are placed on the canvas in correct alignment and within set padding values.

2d-graphics go golang grid grid-layout grid-system

Last synced: 02 Aug 2024

https://github.com/klich3/960

css 960 grid layouts short classes

960 960-grid css css-grid css3 grid grid-layout grid-system layout module scss scss-styles

Last synced: 28 Sep 2024

https://github.com/skutam/angular-drag-drop-layout

Angular Drag Drop Layout is a lightweight, dependency-free Angular library for creating highly customizable, responsive grid layouts with drag-and-drop functionality. Built with Angular 18 and utilizing Angular Signals, this library provides a seamless and optimized experience for building dynamic and interactive layouts.

angular drag-and-drop grid-layout lightweight resizable responsive

Last synced: 19 Sep 2024

https://github.com/pastekaztekastor/crowd-simulation

Le projet consiste en une simulation de foule sur une grille, avec des versions parallélisées sur carte graphique. L'objectif est de modéliser le mouvement des individus dans un environnement en utilisant des paramètres tels que la dimension de la grille, le nombre d'individus et exporte de résultat de chaque frame dans unfichier bin pour analyse.

c cmake cpp crowdsimulation cuda-programming graphicscard grid-layout ipynb make nvidia-gpu parallelization

Last synced: 27 Sep 2024

https://github.com/thiagoow/layoutsui-pughtml-sass

Criado para praticar construção de UI's com CSS Grid Layout. Com Webpack 5, e os pré-processadores de HTML e CSS, respectivamente: Pug & Sass

css-grid css-grid-layout grid grid-layout pug-plugin pug-template-engine pugjs sass sass-framework webpack webpack5

Last synced: 27 Sep 2024

https://github.com/mahammad-mostafa/game-industry-conference

This is the capstone project for the first module in Microverse program. It represents a conference event for video game development.

css3 es6 flexbox github-flow grid-layout html-css-javascript html5 microverse microverse-projects responsive-layout responsive-web-design semantic-web

Last synced: 02 Oct 2024

https://github.com/hamdysalah1/thegrid

React grid layout using styled-component and flexbox

flexbox grid-layout reactjs styled-components

Last synced: 01 Oct 2024

https://github.com/tmallet/lama

LaMa, for Layout Manager, is a Bootstrap v4 grid builder.

bootstrap bootstrap-vue bootstrap4 builder grid grid-layout vue-components vuejs2

Last synced: 30 Sep 2024

https://github.com/pieter-rees/css-grid-grid

This is a grid build on CSS grid :)

css css-grid css-modules grid grid-layout grid-system grids

Last synced: 26 Sep 2024

https://github.com/lbwa/grid-style

:straight_ruler:Grid layout, implemented by flex-box.

flex-layout flexbox flexbox-grid grid grid-layout grid-system sass sass-library

Last synced: 01 Oct 2024

https://github.com/andrey-tech/calendar-js

Класс Calendar. Формирует НTML-код календаря на год или на месяц с версткой CSS Grid Layout.

calendar css-grid-layout cssgrid grid-layout javascript jquery js

Last synced: 02 Oct 2024

https://github.com/samedfft2634/scheduler

Created with React. Simple practice for me to improve my skills.

cssmodules grid-layout html5 js reactjs responsive-web-design yarn

Last synced: 30 Sep 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/flywheel-co/flywheel-adapt

A collection of Sass mixins and CSS helper classes to assist in generating cross-browser and cross-device styles.

css grid grid-layout grid-system responsive sass sass-library sass-mixins scss scss-library scss-mixin scss-mixins scss-styles

Last synced: 01 Oct 2024

https://github.com/fatemzh/time-dashboard

A responsive time tracking dashboard built with HTML, SCSS, and JavaScript, featuring dynamic JSON data and CSS Grid layout. Users can switch between daily, weekly, and monthly stats with a mobile-first design for optimal viewing on all devices.

frontend-mentor-challenge grid-layout mobile-first scss-framework

Last synced: 26 Sep 2024

https://github.com/mrcardoso/table-grid

AngularJS module to easily the criation of tables of display data

angularjs grid grid-layout table

Last synced: 03 Oct 2024

https://github.com/cedric-renais/workit

Simple landing page pour pratiquer grid

grid-layout html sass vite

Last synced: 29 Sep 2024

https://github.com/hemagowdham/simple-registration-form

A Simple Registration form created using HTML, CSS, Bootstrap

bootstrap5 css3 grid-layout html5

Last synced: 26 Sep 2024

https://github.com/projectpoocalculator/calculatorlayout

Project of three calculators, using Java Layouts and applying several types of layout Java

components flow-layout grid-layout javafx-library layout oriented-object-programming

Last synced: 29 Sep 2024

https://github.com/alencartha/Super-Fone

Estudo de CSS Grid Layout

adobe-xd css3 grid-layout html5 zeplin

Last synced: 29 Jul 2024

https://github.com/darkerqueensara/senior-unrest

Senior Unrest is a puzzle rogue-like game developed in Unity for the 7DRL Challenge 2023.

csharp grid grid-layout procedural-generation puzzle puzzle-game roguelike tile tilemap tiles tileset tilesets unity unity-scripts unity2d unity2d-game

Last synced: 26 Sep 2024

https://github.com/mirror45/mishka-adaptive

Адаптивный интернет-магазин игрушек ручной работы: каталог товаров, интерактивная карта (API Google Map), форма заказа.

bem ccs3 flexbox grid-layout gulp html5 javascript sass

Last synced: 28 Sep 2024

https://github.com/devchris03/meeti

Meetin es una plataforma web en la que los usuarios pueden crear o unirse a grupos para debatir y compartir sobre temas de interés común.

avif-images css flexbox grid-layout gulp gulp-plugin html responsive-web-design

Last synced: 28 Sep 2024

https://github.com/devchris03/escuela-cocina

Escuela de Cocina: Encontraras distintas clases que harán de ti un mejor chef

avif-images css flexbox grid-layout gulp gulp-plugin html sass

Last synced: 28 Sep 2024

https://github.com/wintersolid/apple_frameworks

A SwiftUI-based project that showcases various Apple frameworks, including their names, icons, descriptions, and direct links to the official documentation.

grid-layout mockdata navigation-component scrollview swift swiftui url

Last synced: 29 Sep 2024