{"id":23143373,"url":"https://github.com/geex-arts/ngx-flickity","last_synced_at":"2025-10-19T20:19:15.878Z","repository":{"id":65424540,"uuid":"91883916","full_name":"geex-arts/ngx-flickity","owner":"geex-arts","description":"Angular2 component for https://flickity.metafizzy.co/","archived":false,"fork":false,"pushed_at":"2018-05-10T17:58:27.000Z","size":37,"stargazers_count":26,"open_issues_count":6,"forks_count":13,"subscribers_count":6,"default_branch":"dev","last_synced_at":"2024-11-19T02:55:59.524Z","etag":null,"topics":["angular2","component","flickity","gallery"],"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/geex-arts.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-05-20T11:11:43.000Z","updated_at":"2023-06-23T07:40:24.000Z","dependencies_parsed_at":"2023-01-23T01:55:12.051Z","dependency_job_id":null,"html_url":"https://github.com/geex-arts/ngx-flickity","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geex-arts%2Fngx-flickity","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geex-arts%2Fngx-flickity/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geex-arts%2Fngx-flickity/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/geex-arts%2Fngx-flickity/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/geex-arts","download_url":"https://codeload.github.com/geex-arts/ngx-flickity/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230136110,"owners_count":18178813,"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":["angular2","component","flickity","gallery"],"created_at":"2024-12-17T15:13:17.268Z","updated_at":"2025-10-19T20:19:10.841Z","avatar_url":"https://github.com/geex-arts.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Flickity](https://flickity.metafizzy.co/) module for Angular2\n\n\u003e ngx-flickity is in development and **not ready for production use**.\n\u003e Feel free to install and try it out, but depend on it at your own risk.\n\n## Installation\n\n`npm install ngx-flickity --save`\n\n## Usage\n\nImport `FlickityModule` into your app's modules:\n\n``` typescript\nimport { FlickityModule } from 'ngx-flickity';\n\n@NgModule({\n  imports: [\n    FlickityModule\n  ]\n})\n```\n\n```typescript\n @Component({\n   selector: 'my-component',\n   template: `\n     \u003cdiv [flickity]\u003e\n       \u003cdiv [flickityChild] *ngFor=\"let child of children\"\u003e{{child.title}}\u003c/div\u003e\n     \u003c/div\u003e\n     `\n })\n class MyComponent {\n   children = [\n     {title: 'Child 1'},\n     {title: 'Child 2'},\n     {title: 'Child 3'},\n     {title: 'Child 4'},\n     {title: 'Child 5'},\n     {title: 'Child 6'}\n   ]\n }\n ```\n \n## Configuration\n\n### Options\nRead about Flickity options here: https://flickity.metafizzy.co/options.html\n\n#### Examples\n\nInline object:\n```html\n\u003cdiv [flickity]=\"{cellAlign: 'left', percentPosition: true, groupCells: true}\"\u003e\u003c/div\u003e\n```\n\n## Events\n### slideSelect: `EventEmitter\u003cnumber\u003e`\nTriggered after a slide has changed.\n\u003ehttps://flickity.metafizzy.co/events.html#select\n\n### cellStaticClick: `EventEmitter\u003cnumber\u003e`\nTriggered after a cell has been clicked.\n\u003ehttps://flickity.metafizzy.co/events.html#staticclick\n\n### Examples\n```html\n\u003cdiv [flickity] (slideSelect)=\"onSelect($event)\"\u003e\u003c/div\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeex-arts%2Fngx-flickity","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgeex-arts%2Fngx-flickity","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgeex-arts%2Fngx-flickity/lists"}