{"id":13436880,"url":"https://github.com/joe223/tiny-swiper","last_synced_at":"2025-04-13T19:29:33.963Z","repository":{"id":35162638,"uuid":"214941058","full_name":"joe223/tiny-swiper","owner":"joe223","description":"Ingenious JavaScript Carousel powered by wonderful plugins. Lightweight yet extensible. Import plugins as needed, No more, no less.","archived":false,"fork":false,"pushed_at":"2023-12-04T15:12:37.000Z","size":4264,"stargazers_count":1296,"open_issues_count":27,"forks_count":59,"subscribers_count":12,"default_branch":"dev","last_synced_at":"2025-04-10T03:01:39.269Z","etag":null,"topics":["2kb","carousel","javascript","slider","swiper","swiper-js","swiper-slider"],"latest_commit_sha":null,"homepage":"https://tiny-swiper.js.org","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joe223.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":null,"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":"2019-10-14T03:36:02.000Z","updated_at":"2025-03-30T15:57:21.000Z","dependencies_parsed_at":"2024-01-14T04:45:59.805Z","dependency_job_id":"ab470e87-bc4b-4537-a284-32e8ed47d381","html_url":"https://github.com/joe223/tiny-swiper","commit_stats":{"total_commits":242,"total_committers":14,"mean_commits":"17.285714285714285","dds":0.2644628099173554,"last_synced_commit":"aca4f989fa75ec9907b99fcbbfcd10cf99893339"},"previous_names":[],"tags_count":41,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joe223%2Ftiny-swiper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joe223%2Ftiny-swiper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joe223%2Ftiny-swiper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joe223%2Ftiny-swiper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joe223","download_url":"https://codeload.github.com/joe223/tiny-swiper/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248183793,"owners_count":21061223,"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":["2kb","carousel","javascript","slider","swiper","swiper-js","swiper-slider"],"created_at":"2024-07-31T03:00:52.756Z","updated_at":"2025-04-13T19:29:33.932Z","avatar_url":"https://github.com/joe223.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://github.com/joe223/tiny-swiper\" target=\"_blank\"\u003e\n        \u003cimg width=\"110\" src=\"https://user-images.githubusercontent.com/10026019/96370953-3068bd00-1192-11eb-818a-936282fb9616.png\"\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://www.npmjs.com/package/tiny-swiper\" target=\"_blank\"\u003e\u003cimg alt=\"npm\" src=\"https://img.shields.io/npm/v/tiny-swiper\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/tiny-swiper\" target=\"_blank\"\u003e\u003cimg src=\"https://img.badgesize.io/joe223/tiny-swiper/dev/packages/tiny-swiper/lib/index.min.js?compression=gzip\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://travis-ci.com/joe223/tiny-swiper\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/travis/com/joe223/tiny-swiper\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://coveralls.io/github/joe223/tiny-swiper?branch=dev\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/coveralls/github/joe223/tiny-swiper/master\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/tiny-swiper\" target=\"_blank\"\u003e\u003cimg alt=\"NPM\" src=\"https://img.shields.io/npm/l/tiny-swiper\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/tiny-swiper\" target=\"_blank\"\u003e\u003cimg alt=\"GitHub issues\" src=\"https://img.shields.io/github/issues/joe223/tiny-swiper\"\u003e\u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/tiny-swiper\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/npm/dt/tiny-swiper.svg\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003ch2 align=\"center\"\u003eTiny-Swiper\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\nIngenious JavaScript Carousel powered by wonderful plugins with native-like experience. \nLightweight yet extensible. Import plugins as needed, No more, no less.\nZero dependency, written in TypeScript, used for free and without any attribution.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\nLooking for more details about \u003ca href=\"https://tiny-swiper.js.org/docs\" target=\"_blank\"\u003eAPIs\u003c/a\u003e and \u003ca href=\"https://tiny-swiper.js.org/docs/demo\" target=\"_blank\"\u003eDemos\u003c/a\u003e, visit \u003ca href=\"https://tiny-swiper.js.org\" target=\"_blank\"\u003etiny-swiper.js.org\u003c/a\u003e\n\u003c/p\u003e\n\n## Usage\n\n### Installation\n\n```shell\n# via npm\n$ npm install tiny-swiper --save\n\n# via yarn\n$ yarn add tiny-swiper\n```\n\nIf you prefer CDN\n\n```html\n\u003cscript src=\"https://unpkg.com/tiny-swiper@latest\"\u003e\u003c/script\u003e\n```\n\n### Initialization\n\nHtml code:\n\n```html\n\u003c!-- Slider main container --\u003e\n\u003cdiv class=\"swiper-container\"\u003e\n    \u003c!-- Additional required wrapper --\u003e\n    \u003cdiv class=\"swiper-wrapper\"\u003e\n        \u003c!-- Slides --\u003e\n        \u003cdiv class=\"swiper-slide\"\u003eSlide 1\u003c/div\u003e\n        \u003cdiv class=\"swiper-slide\"\u003eSlide 2\u003c/div\u003e\n        \u003cdiv class=\"swiper-slide\"\u003eSlide 3\u003c/div\u003e\n        ...\n    \u003c/div\u003e\n    \u003c!-- If we need pagination --\u003e\n    \u003cdiv class=\"swiper-pagination\"\u003e\u003c/div\u003e\n\u003c/div\u003e\n```\n\nJavaScript/TypeScript code:\n\n```javascript\nimport Swiper, {\n    SwiperPluginLazyload,\n    SwiperPluginPagination\n} from 'tiny-swiper'\n\nSwiper.use([ SwiperPluginLazyload, SwiperPluginPagination ])\n\nconst swiper = new Swiper(swiperContainer: HTMLElement | string, parameters?: TinySwiperParameters)\n```\n\n- `new Swiper()` - initialize swiper with options.\n- `Swiper.use()` - Register plugin.\n- `swiperContainer` - HTMLElement or string (with CSS Selector) of swiper container HTML element. Required.\n- `parameters` - object with Swiper parameters. Optional.\n\n\nYou also can load full-featured Tiny-Swiper:\n\n```javascript\nimport Swiper from 'tiny-swiper/lib/index.full.js'\n```\n\n```html\n\u003cscript src=\"https://unpkg.com/tiny-swiper@latest/lib/index.full.js\"\u003e\u003c/script\u003e\n```\n\n## Browsers support\n\nAll modern browsers are supported, include IE10+.\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eIE / Edge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eSafari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari-ios/safari-ios_48x48.png\" alt=\"iOS Safari\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eiOS Safari | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/samsung-internet/samsung-internet_48x48.png\" alt=\"Samsung\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eSamsung | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png\" alt=\"Opera\" width=\"24px\" height=\"24px\" /\u003e](http://godban.github.io/browsers-support-badges/)\u003cbr\u003eOpera |\n| --------- | --------- | --------- | --------- | --------- | --------- | --------- |\n| IE10, IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions\n\n## Contribution\n\nPlease make sure to read the [Contributing Guide](.github/CONTRIBUTING.md) before making a pull request.\n\nThanks goes to these wonderful people\n\n\u003ca href=\"https://github.com/joe223/tiny-swiper/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contributors-img.web.app/image?repo=joe223/tiny-swiper\" /\u003e\n\u003c/a\u003e\n\n## License\n\nTiny-Swiper is licensed under a [MIT License](./LICENSE).\n","funding_links":[],"categories":["JavaScript","TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoe223%2Ftiny-swiper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoe223%2Ftiny-swiper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoe223%2Ftiny-swiper/lists"}