{"id":15910522,"url":"https://github.com/giotiskl/filterizr","last_synced_at":"2025-05-15T10:00:27.847Z","repository":{"id":37952321,"uuid":"52443547","full_name":"giotiskl/filterizr","owner":"giotiskl","description":":sparkles: Filterizr is a JavaScript library that sorts, shuffles and filters responsive galleries using CSS3 transitions :sparkles:","archived":false,"fork":false,"pushed_at":"2023-05-19T15:11:08.000Z","size":7633,"stargazers_count":654,"open_issues_count":57,"forks_count":239,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-05-15T00:21:24.783Z","etag":null,"topics":["css3-transitions","filter","filtering","gallery","image-gallery","javascript-library","jquery-plugin","shuffle","sort"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/giotiskl.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-02-24T13:17:28.000Z","updated_at":"2025-05-09T14:09:32.000Z","dependencies_parsed_at":"2024-01-14T00:21:04.462Z","dependency_job_id":"84346eb2-92fd-4c1f-9f8e-74785b045917","html_url":"https://github.com/giotiskl/filterizr","commit_stats":{"total_commits":468,"total_committers":6,"mean_commits":78.0,"dds":0.03205128205128205,"last_synced_commit":"5455dcd06212e7c3e5c3dc25b6aeefa00b72c8d4"},"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giotiskl%2Ffilterizr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giotiskl%2Ffilterizr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giotiskl%2Ffilterizr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/giotiskl%2Ffilterizr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/giotiskl","download_url":"https://codeload.github.com/giotiskl/filterizr/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254254376,"owners_count":22039880,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css3-transitions","filter","filtering","gallery","image-gallery","javascript-library","jquery-plugin","shuffle","sort"],"created_at":"2024-10-06T15:07:52.639Z","updated_at":"2025-05-15T10:00:27.163Z","avatar_url":"https://github.com/giotiskl.png","language":"TypeScript","funding_links":["https://www.paypal.me/yiotiskl"],"categories":[],"sub_categories":[],"readme":"# [\u003cimg src=\"./filterizr_logo.png\" width=\"145\" height=\"30\" alt=\"Filterizr logo\" /\u003e](http://yiotis.net/filterizr)\u003cbr/\u003e [![Build Status](https://travis-ci.org/giotiskl/Filterizr.svg?branch=filterizr_revisited)](https://travis-ci.org/giotiskl/Filterizr) \u003cimg src=\"https://img.shields.io/npm/v/filterizr.svg\" alt=\"NPM version\" /\u003e \u003cimg src=\"https://img.shields.io/npm/dm/filterizr.svg\" alt=\"NPM monthly downloads\" /\u003e \u003cimg src=\"https://img.shields.io/github/license/giotiskl/filterizr.svg\" alt=\"license badge\" /\u003e\n\n## Description\n\nFilterizr is a JavaScript library that sorts, shuffles, searches and applies stunning filters over responsive galleries using CSS3 transitions. Write your very own, custom effects in CSS and watch your gallery come to life!\n\nIt can also be used as a jQuery plugin.\n\n## Install\n\nYou can install Filterizr by downloading the minified version on its website/repo or through npm/yarn:\n\n```\nnpm install filterizr\n```\n\nor\n\n```\nyarn add filterizr\n```\n\nThree files can be found in the `./dist/` directory:\n\n- `filterizr.min.js` is the pure Filterizr JavaScript library that can be used using CommonJS (or ES6) imports, it is the main entry point when installing via npm.\n- `vanilla.filterizr.min.js` is a distribution of Filterizr which can be used directly in a `\u003cscript\u003e` tag, as it exposes the Filterizr library as a global.\n- `jquery.filterizr.min.js` is a distribution of Filterizr as a jQuery plugin. It detects and extends the global jQuery object and also exposes the vanilla Filterizr library as a global.\n\n## Documentation \u0026 Tutorials\n\n### Basic usage\n\nIf you are building a simple static website and would like to use Filterizr via `\u003cscript\u003e` tag make sure to download `/dist/vanilla.filterizr.min.js` and load it.\n\nIf you would like to use the jQuery variation then include `/dist/jquery.filterizr.min.js` in a `\u003cscript\u003e` tag. Make sure to import it after jQuery itself.\n\nIf you are importing Filterizr from `/node_modules`, Filterizr's default export provide you with the vanilla JavaScript library:\n\n```\nimport Filterizr from 'filterizr'\n```\n\nIf you are using jQuery in that same project, also installed via npm and you would like to use Filterizr as a jQuery plugin then you can call the static method `Filterizr.installAsJQueryPlugin`, passing in the jQuery object as follows:\n\n```\nimport $ from 'jquery';\nimport Filterizr from 'filterizr';\n\n// This will extend the $.fn prototype with Filterizr\nFilterizr.installAsJQueryPlugin($);\n\n$('.filter-container').filterizr('filter', 5); // or any other Filterizr API call\n```\n\n### Tutorials \u0026 Docs\n\nYou can find Filterizr's documentation as well as a series of tutorials on how to install and operate Filterizr on [the Filterizr website](http://yiotis.net/filterizr). Here is a list of contents:\n\nContents:\n\n- Documentation\n  - [Vanilla JavaScript Filterizr](https://yiotis.net/filterizr/#/documentation/vanilla/options)\n  - [jQuery Filterizr](https://yiotis.net/filterizr/#/documentation/jquery/options)\n- Tutorials\n  - [Getting started](https://yiotis.net/filterizr/#/tutorials/quickstart)\n  - [Filtering](https://yiotis.net/filterizr/#/tutorials/filtering)\n  - [Sorting](https://yiotis.net/filterizr/#/tutorials/sorting)\n  - [Searching](https://yiotis.net/filterizr/#/tutorials/searching)\n  - [Delay modes](https://yiotis.net/filterizr/#/tutorials/delay-modes)\n  - [Layouts](https://yiotis.net/filterizr/#/tutorials/layouts)\n  - [Loading spinner](https://yiotis.net/filterizr/#/tutorials/loading-animation)\n  - [Using as jQuery plugin](https://yiotis.net/filterizr/#/tutorials/as-jquery-plugin)\n- [FAQ \u0026 Caveats](https://yiotis.net/filterizr/#/faq)\n\n## Why Filterizr?\n\n- Thoroughly documented and easy to use.\n- Performs great on mobile.\n- Written in TypeScript.\n- Has zero dependencies.\n\n## Contributing\n\nIf you would like to contribute to Filterizr, please make sure to follow the steps described:\n\n- Create a fork from `master` branch\n- Add your feature or bug fix\n- If you're implementing a method, add tests\n- Run the tests and ESLint to make sure everything is ok\n- Make your PR and set the base branch to `develop`\n\n## Browser support\n\nIE11 and all modern browsers.\n\n## Donate\n\nDid you enjoy Filterizr? Filterizr is and will always be 100% free, if you would like to show your support feel free to donate:\n\n- **BTC**: 1JdpKt3aeNQuKF9CrUKeq3XkPswcqgAFpt\n- **ETH**: 0xdb259cf059faf286e5834e95c8f3a973438276e8\n- **Paypal**: https://www.paypal.me/yiotiskl\n\n## License\n\nFilterizr is licensed under [the MIT License](https://opensource.org/licenses/MIT). Enjoy!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiotiskl%2Ffilterizr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgiotiskl%2Ffilterizr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiotiskl%2Ffilterizr/lists"}