GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Vestride → Shuffle

Vestride / Shuffle

Licence: mit
Categorize, sort, and filter a responsive grid of items

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Labels

gridresponsivefilterlayoutsortmasonry

Projects that are alternatives of or similar to Shuffle

Muuri
Infinite responsive, sortable, filterable and draggable layouts
Stars: ✭ 9,797 (+351.47%)
Mutual labels:  sort, layout, grid, filter
Easygrid
EasyGrid - VanillaJS Responsive Grid
Stars: ✭ 77 (-96.45%)
Mutual labels:  layout, grid, filter, responsive
egjs-grid
A component that can arrange items according to the type of grids
Stars: ✭ 188 (-91.34%)
Mutual labels:  grid, layout, masonry
bootstrap-grid-ms
Missing grid range in Bootstrap 3, micro-small from 480-767px.
Stars: ✭ 34 (-98.43%)
Mutual labels:  grid, responsive, layout
Gridjs
Advanced table plugin
Stars: ✭ 3,231 (+48.89%)
Mutual labels:  sort, grid, filter
Grid
This package has moved and renamed
Stars: ✭ 2,079 (-4.19%)
Mutual labels:  layout, grid, responsive
griding
🧱 lean grid & responsive for react
Stars: ✭ 18 (-99.17%)
Mutual labels:  grid, responsive, layout
react-super-styled
Responsive JSX layouts with Styled Components
Stars: ✭ 77 (-96.45%)
Mutual labels:  grid, responsive, layout
Flex Layout
Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API
Stars: ✭ 5,705 (+162.9%)
Mutual labels:  layout, grid, responsive
Egjs Infinitegrid
A module used to arrange card elements including content infinitely on a grid layout.
Stars: ✭ 751 (-65.39%)
Mutual labels:  layout, grid, masonry
Masonry Layout
An efficient and fast web component that gives you a beautiful masonry layout
Stars: ✭ 43 (-98.02%)
Mutual labels:  layout, grid, masonry
masonry-css
Create mosaic grid, like masonry, with css only
Stars: ✭ 17 (-99.22%)
Mutual labels:  grid, layout, masonry
React Native Responsive Grid
Bringing the Web's Responsive Design to React Native
Stars: ✭ 369 (-83%)
Mutual labels:  layout, grid, responsive
React Native Flexbox Grid
Responsive Grid for React Native
Stars: ✭ 95 (-95.62%)
Mutual labels:  layout, grid, responsive
Muuri React
The layout engine for React
Stars: ✭ 163 (-92.49%)
Mutual labels:  layout, grid, filter
Revogrid
Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
Stars: ✭ 1,870 (-13.82%)
Mutual labels:  grid, filter
Framy Css
Very simple CSS Framework
Stars: ✭ 103 (-95.25%)
Mutual labels:  grid, responsive
Faltu
Search sort, filter, limit an array of objects in Mongo-style.
Stars: ✭ 112 (-94.84%)
Mutual labels:  sort, filter
Stack Up.js
Create fixed width, variable height grid layouts.
Stars: ✭ 117 (-94.61%)
Mutual labels:  layout, grid
Angular Generic Table
A generic table for Angular 2+. Generic table uses standard markup for tables ie. table, tr and td elements etc. and has support for expanding rows, global search, filters, sorting, pagination, export to CSV, column clicks, custom column rendering, custom export values.
Stars: ✭ 100 (-95.39%)
Mutual labels:  grid, responsive
View All Similar Projects ➔

Shuffle Build Status Dependency Status Dependabot Status NPM version

Categorize, sort, and filter a responsive grid of items.

npm install shufflejs

Docs and Demos

All found here

Usage (with ES6)

import Shuffle from 'shufflejs';

const shuffleInstance = new Shuffle(document.getElementById('grid'), {
  itemSelector: '.js-item',
  sizer: '.js-shuffle-sizer',
});

Inspiration

This project was inspired by Isotope and Packery.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].