{"id":13565128,"url":"https://github.com/xiaoluoboding/vue-stroll","last_synced_at":"2025-10-26T06:31:14.313Z","repository":{"id":83484441,"uuid":"61378048","full_name":"xiaoluoboding/vue-stroll","owner":"xiaoluoboding","description":"📜 Vue.js + Stroll.js. Awesome CSS list scroll effects for Vue2.x.","archived":false,"fork":false,"pushed_at":"2017-06-29T05:25:21.000Z","size":574,"stargazers_count":156,"open_issues_count":0,"forks_count":19,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-05-02T05:52:24.129Z","etag":null,"topics":["awesome","css","list","scroll-effects","vue"],"latest_commit_sha":null,"homepage":"https://xiaoluoboding.github.io/vue-stroll/","language":"Vue","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/xiaoluoboding.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-06-17T14:05:27.000Z","updated_at":"2024-02-22T21:36:41.000Z","dependencies_parsed_at":null,"dependency_job_id":"73520625-323e-4bf2-ac97-817e393965a8","html_url":"https://github.com/xiaoluoboding/vue-stroll","commit_stats":{"total_commits":15,"total_committers":2,"mean_commits":7.5,"dds":0.06666666666666665,"last_synced_commit":"1e309c6e1de498e876d73d9337001250ecd22c95"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoluoboding%2Fvue-stroll","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoluoboding%2Fvue-stroll/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoluoboding%2Fvue-stroll/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xiaoluoboding%2Fvue-stroll/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xiaoluoboding","download_url":"https://codeload.github.com/xiaoluoboding/vue-stroll/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219863632,"owners_count":16555945,"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":["awesome","css","list","scroll-effects","vue"],"created_at":"2024-08-01T13:01:41.338Z","updated_at":"2025-10-26T06:31:08.978Z","avatar_url":"https://github.com/xiaoluoboding.png","language":"Vue","funding_links":[],"categories":["Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Vue","UI实用程序","Components \u0026 Libraries","UI Utilities","Awesome Vue.js","UI Utilities [🔝](#readme)"],"sub_categories":["Libraries \u0026 Plugins","滚动","UI Utilities","Scroll"],"readme":"# vue-stroll\n[![Travis Build Status](https://travis-ci.org/xiaoluoboding/vue-stroll.svg?branch=master)](https://travis-ci.org/xiaoluoboding/vue-stroll)\n[![npm](https://img.shields.io/npm/v/vue-stroll.svg?maxAge=2592000\u0026style=flat-square)](https://www.npmjs.com/package/vue-stroll)\n![Download](https://img.shields.io/npm/dt/vue-stroll.svg?style=flat-square)\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://raw.githubusercontent.com/xiaoluoboding/vue-stroll/master/LICENSE)\n[![GitHub stars](https://img.shields.io/github/stars/xiaoluoboding/vue-stroll.svg?style=flat-square)](https://github.com/xiaoluoboding/vue-stroll/stargazers)\n\nVue.js + Stroll.js. Awesome CSS list scroll effects for Vue2.x. See [Demo](https://xiaoluoboding.github.io/vue-stroll)\n\n[![NPM](https://nodei.co/npm/vue-stroll.png?downloads=true\u0026downloadRank=true\u0026stars=true)](https://nodei.co/npm/vue-stroll/)\n\n\n# Installation\n\n```bash\nnpm i vue-stroll -S\n```\n\n# CDN\n\n### Use this URL for development\nhttps://rawgit.com/xiaoluoboding/vue-stroll/master/dist/vue-stroll.min.js\n\n### Use this URL in production\nhttps://cdn.rawgit.com/xiaoluoboding/vue-stroll/master/dist/vue-stroll.min.js\n\n# Import\n\n**ES6**\n```javascript\nimport VueStroll from 'vue-stroll'\n```\n\n**CommonJS**\n\n```javascript\nvar VueStroll = require('vue-stroll');\n```\n\n**script**\n\n```javascript\n\u003cscript type=\"text/javascript\" src=\"vue/dist/vue.min.js\"\u003e\u003c/script\u003e\n\u003cscript type=\"text/javascript\" src=\"vue-stroll/dist/vue-stroll.min.js\"\u003e\u003c/script\u003e\n\u003cscript type=\"text/javascript\"\u003e\n    var VueStroll = window['vue-stroll'];\n\u003c/script\u003e\n```\n\n# Usage\n\n**script**\n\n```javascript\nnew Vue({\n  el: 'body',\n  data: {\n    el: '#app ul',\n    effect: 'cards',\n    collection: [\n      'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten'\n    ]\n  },\n  components: { VueStroll }\n});\n```\n\n**html**\n\n```html\n\u003c!-- Dynamic props --\u003e\n\u003cvue-stroll :el=\"el\" :collection=\"collection\" :effect=\"effect\"\u003e\u003c/vue-stroll\u003e\n```\n\n# Props\n\n| Name  | Type | Desc  | Example  |\n| :-------- | :--------:|:--------:|:--------:|\n| el | String  | The element you will bind | \"#app ul\" |\n| collection | Array  | The list you will render | ['One', 'Two', 'Three', 'Four', 'Five'] |\n| effect | String  | The awesome effects style | `wave` See [Demo](https://xiaoluoboding.github.io/vue-stroll) |\n\n# License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiaoluoboding%2Fvue-stroll","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxiaoluoboding%2Fvue-stroll","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxiaoluoboding%2Fvue-stroll/lists"}