{"id":20501108,"url":"https://github.com/hosein2398/textra","last_synced_at":"2025-10-09T19:08:01.422Z","repository":{"id":29241349,"uuid":"119237697","full_name":"hosein2398/Textra","owner":"hosein2398","description":"Vue js add-on to slide text.","archived":false,"fork":false,"pushed_at":"2022-12-07T12:35:29.000Z","size":960,"stargazers_count":31,"open_issues_count":17,"forks_count":11,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-24T20:28:31.272Z","etag":null,"topics":["animating","animating-text","text-slider","vue","vue-plugin"],"latest_commit_sha":null,"homepage":"https://hosein2398.github.io/textra","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/hosein2398.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":"2018-01-28T07:31:22.000Z","updated_at":"2023-05-22T07:19:41.000Z","dependencies_parsed_at":"2023-01-14T14:28:22.591Z","dependency_job_id":null,"html_url":"https://github.com/hosein2398/Textra","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hosein2398%2FTextra","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hosein2398%2FTextra/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hosein2398%2FTextra/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hosein2398%2FTextra/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hosein2398","download_url":"https://codeload.github.com/hosein2398/Textra/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248766749,"owners_count":21158301,"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":["animating","animating-text","text-slider","vue","vue-plugin"],"created_at":"2024-11-15T18:24:07.655Z","updated_at":"2025-10-09T19:07:56.380Z","avatar_url":"https://github.com/hosein2398.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Textra  [![Build Status](https://travis-ci.org/hosein2398/Textra.svg?branch=master)](https://travis-ci.org/hosein2398/Textra)\n\n\u003e A Vue.js add-on to slide your text. [demo](https://hosein2398.github.io/textra/)\n\n## Installing\n```\nnpm i -D vue-textra\n```\nThen inside your project, start using it:\n```js\nimport Vue from 'vue'\nimport App from './App.vue'\nimport Textra from 'vue-textra'\n\nVue.use(Textra);\nnew Vue({\n  el: '#app',\n  render: h =\u003e h(App)\n})\n```\nTo use inside browser:\n```html\n\u003cscript src='https://cdn.jsdelivr.net/npm/vue-textra@latest/dist/textra.min.js'\u003e\u003c/script\u003e\n```\nThen:\n```js\nVue.use(Textra);\n```\n## Usage\nInside any of your components:\n```html\n \u003ctextra :data='words' :timer=\"4\" filter=\"flash\" /\u003e\n```\nAnd in your instance data:\n```js\n//...\n  data () {\n    return {\n      words: [\"My text to show\", \"Great news here!\", \"Vue is great\", \"Sample Text\"]\n    }\n  }\n//...\n```\n\nAnother example :\n```html\n \u003ctextra :data='words' :timer=\"3.1\" :infinite='true' filter=\"left-right\" /\u003e\n```\nThis one will loop around for ever.\n## Props\n#### `data`\nType : Array\nDescription : Should be array of things you want to slide.\n\n---\n\n#### `timer`\nType : Number\nDescription : Defines gap between each slide as second.\nDefault : `2`\n\n---\n\n#### `filter`\nType : String\nDescription : Defines type of filter you want to use when sliding.\nDefault : `simple`\n\n---\n\n#### `infinite`\nType : Boolean\nDescription : Defines whether your slider should keep looping or not.\nDefault : `false`\n\n\n## Filters\nThere are 9 types of filters available for now:\n+ `simple`\n+ `bottom-top`\n+ `top-bottom`\n+ `right-left`\n+ `left-right`\n+ `press`\n+ `scale`\n+ `flash`\n+ `flip`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhosein2398%2Ftextra","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhosein2398%2Ftextra","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhosein2398%2Ftextra/lists"}