A jQuery plugin to create a dynamic, multi-column layout.
jquery-plugin ui layout amd filtering gallery responsiveProject 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.
android recyclerview-multi-type layoutmanager layout-manager layoutAuto responsive grid layout library for React.See our CONTRIBUTING.md for information on how to contribute.
react layout react-components data-grid table data-tableNeat 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.
scss sass grid bourbon grid-framework css bourbon-family columns layout media media-queries neat queries semantic eyeglass-moduleSee isotope.metafizzy.co for complete docs and demos.Link directly to Isotope files on unpkg.
dom browser masonry layout filter sort jquery-plugin jqueryLink 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.
dom browser layout bin binpacking packing masonry gapless draggableSusy 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.
layout grid sass responsive rwd semantic eyeglass-moduleGet the rocks out of your socks! Assemble makes you fast at creating web projects. Assemble is used by thousands of projects for rapid prototyping, creating themes, scaffolds, boilerplates, e-books, UI components, API documentation, blogs, building websites / static site generator, alternative to jekyll for gh-pages and more! Assemble can also be used with gulp and grunt.
template-engine build static-site static-site-generator templates scaffold generator scaffolder base toolkit app update generate verb node nodejs gulp grunt assemble async-helper blog boilerplate boilerplates bootstrap builder collection compile component content docs document documentation engines handlebars helper helpers html inflections jekyll layout lodash markdown md page partial post pug render scaffolding site smith static symlink task tasks template templating view views website yamlA 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.
android-recyclerview android grid greedo-layout recyclerview layout aspect-ratioA 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.
cocoapods greedo-layout ios library layout uicollectionviewSalvattore 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.
grid layout browser masonryA force directed graph layout algorithm in JavaScript. Springy is a force directed graph layout algorithm.
graph layout visualizationMasonry 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.
dom browser grid layout outlayerFlexibility 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.
display direction wrap flow justify content align items order grow shrink basis self auto start end center baseline stretch space between around polyfill ie internet explorer layoutA 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.
express express3 handlebars view layout partials templatesPass 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.
justify grid photos layout boxesNote: 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.
css3 layout html5 ui reactive streams frp samsara
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.