Displaying 1 to 20 from 215 results

vlayout - Project vlayout is a powerfull LayoutManager extension for RecyclerView, it provides a group of layouts for RecyclerView

  •    Java

Project vlayout is a powerful LayoutManager extension for RecyclerView, it provides a group of layouts for RecyclerView. Make it able to handle a complicate situation when grid, list and other layouts in the same recyclerview.By providing a custom LayoutManager to RecyclerView, VirtualLayout is able to layout child views with different style at single view elegantly. The custom LayoutManager manages a serial of layoutHelpers where each one implements the specific layout logic for a certain position range items. By the way, implementing your custom layoutHelper and provding it to the framework is also supported.

autoresponsive-react - Auto Responsive Layout Library For React

  •    Javascript

Auto responsive grid layout library for React.See our CONTRIBUTING.md for information on how to contribute.




neat - A lightweight and flexible Sass grid

  •    CSS

Neat is a fluid grid framework with the aim of being easy enough to use out of the box and flexible enough to customize down the road. Alternatively, you can install Neat with Bower.

isotope - :revolving_hearts: Filter & sort magical layouts

  •    HTML

See isotope.metafizzy.co for complete docs and demos.Link directly to Isotope files on unpkg.

packery - :bento: Gapless, draggable grid layouts

  •    Javascript

Link directly to Packery files on unpkg.If you are creating an open source application under a license compatible with the GNU GPL license v3, you may use Packery under the terms of the GPLv3.

susy - Responsive layout toolkit for Sass

  •    CSS

Susy is a design-agnostic set of tools for creating powerful, custom layouts. We didn't want another grid system full of rules and restrictions — we wanted a power tool for building our own damn systems. Version Three is trimmed down to it's most basic components — functions that can be used to build any grid system. There are two imports to choose from. The default sass/susy comes with un-prefixed versions of the core API functions. If you want Susy to be name-spaced, import sass/susy-prefix instead.


Shuffle - Categorize, sort, and filter a responsive grid of items

  •    Javascript

Categorize, sort, and filter a responsive grid of items. This project was inspired by Isotope and Packery.

greedo-layout-for-android - Full aspect ratio grid LayoutManager for Android's RecyclerView

  •    Java

A drop-in custom layout manager for Android RecyclerViews to layout a grid of photos while respecting their aspect ratios. See the sample project for a complete solution on how to use GreedoLayout. Below are the specific steps.

greedo-layout-for-ios - Full aspect ratio grid layout for iOS

  •    Objective-C

A library that computes what size the UICollectionView cells should be to display images in a variable height fixed aspect ratio grid. GreedoLayout is released under the MIT license. See LICENSE for details.

salvattore - A jQuery Masonry alternative with CSS-driven configuration.

  •    Javascript

Salvattore is a library agnostic JS script that will help you organize your HTML elements according to the number of columns you specify, like jQuery Masonry. To find out more and see it in action, please visit our website.

springy - A force directed graph layout algorithm in JavaScript

  •    Javascript

A force directed graph layout algorithm in JavaScript. Springy is a force directed graph layout algorithm.

masonry - :love_hotel: Cascading grid layout library

  •    HTML

Masonry works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. See masonry.desandro.com for complete docs and demos.

flexibility - A JavaScript polyfill for Flexbox

  •    Javascript

Flexibility is a polyfill for the Flexible Box Layout, commonly known as Flexbox. With Flexibility, you get to design beautiful, flexible layouts on the web without sacrificing the experience in older browsers. Flexbox lays out, aligns, and distributes elements in a container, even when their size is unknown or dynamic. To better understand Flexbox, read Chris Coyier’s excellent Complete Guide to Flexbox.

express-handlebars - A Handlebars view engine for Express which doesn't suck.

  •    Javascript

A Handlebars view engine for Express which doesn't suck. This package used to be named express3-handlebars. The previous express-handlebars package by @jneen can be found here.

justified-layout - Pass in box sizes and get back sizes and coordinates for a justified layout

  •    Javascript

Pass in box sizes and get back sizes and coordinates for a nice justified layout like that seen all over Flickr. The explore page is a great example. Here's another example using the fullWidthBreakoutRowCadence option on Flickr's album page. Open Source Licensed under the MIT license.

minigrid - 📏 Minimal 2kb zero dependency cascading grid layout

  •    Javascript

Minigrid is a minimal 2kb zero dependency cascading grid layout. Website & Documentation: http://alves.im/minigrid.

samsara - ☸️ Continuous UI

  •    Javascript

Note: This project is not being developed further at the moment. I hope to return to it soon. SamsaraJS is a library for building continuous user interfaces. A continuous UI is one where many visual elements are animating in coordinated ways. For example, you may want to fade the opacity of a nav bar while a settings menu is translated by a user's swipe gesture. Or maybe you want to blur and scale a banner image when a user scrolls some content past its limits, and add a springy bounce at the end.





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.