{"id":18296515,"url":"https://github.com/shadynagy/ngx-smart-slider","last_synced_at":"2026-04-30T14:36:50.609Z","repository":{"id":119851122,"uuid":"293561816","full_name":"ShadyNagy/ngx-smart-slider","owner":"ShadyNagy","description":"Angular Smart Slider","archived":false,"fork":false,"pushed_at":"2021-03-18T17:36:38.000Z","size":1020,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-03T11:45:58.383Z","etag":null,"topics":["angular","ngx","ngx-smart-slider","slider"],"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/ShadyNagy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-09-07T15:14:02.000Z","updated_at":"2021-03-18T17:36:41.000Z","dependencies_parsed_at":"2023-06-25T23:31:02.537Z","dependency_job_id":null,"html_url":"https://github.com/ShadyNagy/ngx-smart-slider","commit_stats":{"total_commits":78,"total_committers":2,"mean_commits":39.0,"dds":0.05128205128205132,"last_synced_commit":"d2d425a30a9c6fa0e65e4abab5613763d0f1127f"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShadyNagy%2Fngx-smart-slider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShadyNagy%2Fngx-smart-slider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShadyNagy%2Fngx-smart-slider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ShadyNagy%2Fngx-smart-slider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ShadyNagy","download_url":"https://codeload.github.com/ShadyNagy/ngx-smart-slider/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248008555,"owners_count":21032553,"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":["angular","ngx","ngx-smart-slider","slider"],"created_at":"2024-11-05T14:41:21.146Z","updated_at":"2026-04-30T14:36:50.558Z","avatar_url":"https://github.com/ShadyNagy.png","language":"TypeScript","funding_links":["https://www.paypal.me/shadynagy"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/ngx-smart-slider\"\u003e\n    \u003cimg width=\"230\" src=\"icon.png\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003e\nNGX-SMART-SLIDER\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://www.npmjs.com/package/ngx-smart-slider\" alt=\"npm\" target=\"_blank\"\u003e\n        \u003cimg src=\"https://img.shields.io/npm/v/ngx-smart-slider\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/ngx-smart-slider\" alt=\"npm\" target=\"_blank\"\u003e\n        \u003cimg src=\"https://img.shields.io/npm/dt/ngx-smart-slider\" /\u003e\n    \u003c/a\u003e\n     \u003ca href=\"https://www.npmjs.com/package/ngx-keypad\" alt=\"npm\" target=\"_blank\"\u003e\n        \u003cimg src=\"https://badgen.net/bundlephobia/min/ngx-smart-slider\" /\u003e\n    \u003c/a\u003e  \n    \u003ca href=\"https://github.com/ShadyNagy/ngx-smart-slider/actions?query=workflow%3Anpm-publish\" alt=\"Workflows\"\u003e\n        \u003cimg src=\"https://github.com/shadynagy/ngx-smart-slider/workflows/npm-publish/badge.svg\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/ShadyNagy/ngx-smart-slider/graphs/contributors\" alt=\"Contributors\"\u003e\n        \u003cimg src=\"https://img.shields.io/github/contributors/ShadyNagy/ngx-smart-slider\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/ShadyNagy/ngx-smart-slider/blob/master/LICENSE\" alt=\"license\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/License-MIT-blue.svg\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.paypal.me/shadynagy\" alt=\"paypal\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/PayPal-tip%20me-green.svg?logo=paypal\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n# NGX-SMART-SLIDER\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.0.\n\n## :star: Give a Star!\nIf you like or are using this project please give it a star [here](https://github.com/ShadyNagy/ngx-smart-slider). Thanks!\n\n## Screenshot \n\n![ngx-smart-slider](https://user-images.githubusercontent.com/6225593/92482762-44f78400-f1e8-11ea-83a5-e3b3992879fa.gif)\n\n## ✨ Features\n\n- Slider\n\n## ☀️ License\n\n\u003ca href=\"https://github.com/ShadyNagy/ngx-smart-slider/blob/master/LICENSE\" alt=\"license\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/License-MIT-blue.svg\" /\u003e\n\u003c/a\u003e\n\n## 🖥 Environment Support\n\n* Angular `^9.0.0` [![npm package](https://img.shields.io/npm/v/ngx-smart-slider?style=flat-square)](https://www.npmjs.com/package/ngx-smart-slider)\n\n## 📦 Installation\n\n#### NPM\n\n```bash\nnpm install ngx-smart-slider --save\n```\n\n## 🔨 Usage\n\nImport the component modules you want to use into your `app.module.ts` file and [feature modules](https://angular.io/guide/feature-modules).\n\n```ts\nimport {NgxSmartSliderModule} from 'ngx-smart-slider';\n\n@NgModule({\n  imports: [ NgxSmartSliderModule ]\n})\nexport class AppModule {\n}\n```\n\nIn your template write this code.\n```html\n\u003csmart-slider [cellLimit]=\"3\" [transitionDuration]=\"1\" [height]=\"200\" [items]=\"items\" [showPrevious]=\"isShowPrevious\" [showNext]=\"isShowNext\"\u003e\u003c/smart-slider\u003e\n```\n\n## Properties\n\n| Property | Description | Type | Default |\n| --- | --- | --- | --- |\n| [class] | Set class | string | '' |\n| [transitionDuration] | Transition duration | number | 0.3 |\n| [autoplayInterval] | Auto play interval (MS) | number | 2000 |\n| [height] | Height | number | null |\n| [cellLimit] | Cell limit to show | number | 1 |\n| [itemPadding] | Item padding | number | 10 |\n| [itemMargin] | Item margin | number | 10 |\n| [pauseOnHover] | Pause when hover | boolean | false |\n| [loop] | Is looping | boolean | false |\n| [autoplay] | Auto play | boolean | false |\n| [showDots] | Show dots | boolean | false |\n| [showNext] | Show next button | boolean | false |\n| [showPrevious] | Show previous button | boolean | false |\n| [textColor] | Text color | string | 'black' |\n| [textPosition] | Text position | `'centered-top' or 'centered-bottom' or 'centered' or 'bottom-right ' or 'top-right' or 'top-left' or 'bottom-left'` | 'centered' |\n| [items] | Items | Array\u003cItem\u003e | [] |\n| `(select)` | Event fire when select item and return item | Item | null |\n\n## 🔗 Links\n\n* [NPM](https://www.npmjs.com/package/ngx-smart-slider)\n* [Website](http://www.shadynagy.com)\n* [LinkedIn](https://www.linkedin.com/in/shadynagy)\n* [Twitter](https://twitter.com/ShadyNagy_)\n\n## ⌨️ Development\n\n```bash\n$ git clone git@github.com:ShadyNagy/ngx-smart-slider.git\n$ cd ngx-smart-slider\n$ npm install\n$ npm run build ngx-smart-slider -- --prod\n$ npm run start\n```\n\n## 🤝 Contributing\n\n[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/shadynagy/ngx-smart-slider/pulls)\n\nWe welcome all contributions. Please read our [CONTRIBUTING.md](https://github.com/shadynagy/ngx-smart-slider/blob/master/CONTRIBUTING.md) first. You can submit any ideas as [pull requests](https://github.com/shadynagy/ngx-smart-slider/pulls) or as [GitHub issues](https://github.com/shadynagy/ngx-smart-slider/issues).\n\n## 🎉 Users\n\n- [ShadyNagy](http://www.shadynagy.com/)\n\n\u003e We list some users here, if your company or product uses ngx-smart-slider, let us know [here](https://github.com/shadynagy/ngx-smart-slider/issues/1)!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshadynagy%2Fngx-smart-slider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshadynagy%2Fngx-smart-slider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshadynagy%2Fngx-smart-slider/lists"}