Full configurable spreadsheet view user interfaces for iOS applications. With this framework, you can easily create complex layouts like schedule, Gantt chart, timetable as if you are using Excel. The minimum requirement is connecting a data source to return the number of columns/rows, and each column width/row height.
spreadsheet timetable grid-layout gantt-chart schedule iosThis is the initial layout of the grid. The value must be an Array of Object items. Each item must have i, x, y, w and h proprties. Please refer to GridItem documentation below for more informations.
drag-and-drop vue vuejs2 grid grid-layout widget resize vuejs drag draggable resizable fluid responsiveExample of a two column, responsive, centered grid. All grid layout classes and responsive width classes are modifiers. $av-namespace Global prefix for layout and cell class names. Default: grid.
css sass scss bem grid-layout grid oocssGridView can tile the view while reusing it. It has an API like UIKit that works fast. Even when device rotates it smoothly relayout. ⚠️ WARNING : If you want to install from CocoaPods, must add G3GridView to Podfile because there is a GridView different from this GridView.
gridview grid-layout timetable spreadsheet iosPinterest like layout components for React.js. You can install the react-stack-grid from npm.
react pinterest animation react-component grid-layout layout grid masonryWhat you ASCII is what you get. Build layout through ASCII art in Sass (and more).
sass grid grid-layout grid-system ascii-artThis is not an official Google product.easy-grid is a React component factory that provides a declarative layout mechanism for utilizing CSS grid layouts. It uses ASCII layout descriptions to generate layout components that arrange child components according to the defined grid.
react css grid-layout grid layoutA container for displaying large ordered collections of data items and presenting them using arbitrary layouts (e.g. lists, grids). Large collections can be scrolled smoothly by displaying only a limited number of elements. This is also known as "windowing" or "virtualization". Changes to the data (remove, add, move) and changes to the layout are properly animated by the collection view. The library is inspired by iOS' UICollectionView and Android's RecyclerView. The collection view also handles resizing of the container properly, maintaining the current position in the collection.
collectionview uicollectionview recylerview list grid virtualization scroll scrolling grid-layout virtualized performance windowing typescript react«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, only 2kb gzipped, and will support all major desktop and mobile browsers. One of the cleanest and simplest bootstraps you will ever get you hands on. Please support humans.txt (http://humanstxt.org/). It's an initiative for knowing the people behind a website. It's a TXT file that contains information about the different people who have contributed to building the website.
fluid-grid css-elements-optimized efficiency grid grid-layout css3 bootstrapSets the width at which child elements will break into columns. Pass a number for pixel values or a string for any other valid CSS length. Sets the gutter (grid-gap) between columns. Pass a number for pixel values or a string for any other valid CSS length.
react react-component css-grid css-grid-layout layout styled-components grid-layout grid cssFull configurable sheet 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. To run the example project, clone the repo, and run pod install from the Example directory first.
sheet sheets gantt-chart gantt ganttview grid-layout schedule task-list timeline iosWeb Grid is a CSS grid based Grid system for easy web development. The minified Grid CSS weighs less than a KB. The distributions can be found inside dist directory.
css framework grid-layoutGinger is a minimal flexbox 12 column grid system named after a cute dog. It doesn't give you any fancy extras like some other frameworks, but what it does give you is a solid lightweight grid system to make developing and designing your next site easy and quick. There are three ways to install Ginger.
framework grid-layout grid-system flexbox-grid ginger-grid grid flexbox box60 Grid System is Starter Grid for the CSS Grid. 60 Grid System is Starter Grid for the CSS Grid.
grid grid-layout grid-system css css-framework css-grid htmlwRECkeR: Responsive Equal-Height Columns and Rows
responsive-layout responsive-grid responsive-table grid-layout tableAs of 1.2.2 Carthage support has been added. Grid layout for UICollectionView.
grid-layout uicollectionview ioscustomLayout is a simple extension of the basic layout function from R but it works not only with base and grid graphics systems, but also with PowerPoint slides using officer package.
plot r complicated-layouts graphics grid-layoutjQuery plugins: BS calendar & datepicker, auto form filler, css grid float top, lazy & ajax pagination
nepali-calendar nepali-date-converter nepali-datepicker nepali-date-picker nepali-date-conversion fill-form float-top css-float-top grid-layout jquery-pagination ajax-pagination jquery-plugin🌁 Grid list component implemented with FlatList
react-native react grid grid-layout grid-view grid-component grid-list flatlist flatlist-gridA small wrapper for integrating Colcade to Vuejs. Vue.js plugin accessible globally from any component to run multiple colcade grid instances. Let's interact with differents grids throughout differents components. This plugin needs you to use the basic Colcade configuration usage.
vuejs plugin grid-layout wrapper vue colcade grid
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.