Displaying 1 to 20 from 21 results

SpreadsheetView - Full configurable spreadsheet view user interfaces for iOS applications

  •    HTML

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.

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

  •    Vue

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

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

  •    CSS

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

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

  •    Swift

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




react-stack-grid - Pinterest like layout components for React.js

  •    Javascript

Pinterest like layout components for React.js. You can install the react-stack-grid from npm.

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

  •    Javascript

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

collection-view - UICollectionView for the web

  •    TypeScript

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


rapid-bootstrap-v4 - «Rapid Bootstrap V4» is a toolkit for kickstarting web-projects, apps, and more

  •    HTML

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

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

  •    Javascript

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

ZMJGanttChart - Full configurable spreadsheet view user interfaces for iOS applications

  •    Objective-C

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

web-grid - A CSS Grid based Framework

  •    HTML

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

ginger - A minimal flexbox grid system named after a cute dog.

  •    CSS

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

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

  •    HTML

60 Grid System is Starter Grid for the CSS Grid. 60 Grid System is Starter Grid for the CSS Grid.

RDHCollectionViewGridLayout - Grid layout for UICollectionView

  •    Objective-C

As of 1.2.2 Carthage support has been added. Grid layout for UICollectionView.

customLayout - Simple extension of basic layout function from R.

  •    R

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

vue-colcade - 📐Colcade plugin for Vue.js 2 - Lightweight masonry

  •    Javascript

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