{"id":14990220,"url":"https://github.com/superplug-in/supermarquee","last_synced_at":"2025-07-16T09:33:15.142Z","repository":{"id":41229366,"uuid":"449619698","full_name":"superplug-in/supermarquee","owner":"superplug-in","description":"The super smooth marquee javascript component.","archived":false,"fork":false,"pushed_at":"2025-02-26T07:27:47.000Z","size":469,"stargazers_count":40,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-20T11:02:03.103Z","etag":null,"topics":["angular","html5","javascript","jquery","marquee","react","supermarquee","svelte","vue","webcomponent"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/superplug-in.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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,"zenodo":null}},"created_at":"2022-01-19T09:06:43.000Z","updated_at":"2025-05-09T17:53:42.000Z","dependencies_parsed_at":"2025-02-03T21:19:43.688Z","dependency_job_id":"69e9fe09-51d8-4308-9e1a-b3b9511a0d16","html_url":"https://github.com/superplug-in/supermarquee","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/superplug-in/supermarquee","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superplug-in%2Fsupermarquee","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superplug-in%2Fsupermarquee/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superplug-in%2Fsupermarquee/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superplug-in%2Fsupermarquee/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/superplug-in","download_url":"https://codeload.github.com/superplug-in/supermarquee/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superplug-in%2Fsupermarquee/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260611195,"owners_count":23036289,"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","html5","javascript","jquery","marquee","react","supermarquee","svelte","vue","webcomponent"],"created_at":"2024-09-24T14:19:43.801Z","updated_at":"2025-06-18T18:38:18.040Z","avatar_url":"https://github.com/superplug-in.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![SuperMarquee](./res/github/SuperMarqueeLogoWhiteBg.png)\n\n![SupportedFrameworkIcons](./res/github/sp-supported-frameworks.jpg)\n\n[![npm](https://img.shields.io/npm/dt/sp-supermarquee.svg)](https://npmjs.com/package/sp-supermarquee)\n[![npm](https://img.shields.io/npm/dm/sp-supermarquee.svg)](https://npmjs.com/package/sp-supermarquee)\n[![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/sp-supermarquee/badge?style=rounded)](https://www.jsdelivr.com/package/npm/sp-supermarquee)\n\n## About\n\n**SuperMarquee** is the super smooth marquee web component for your web applications.\n\nIt covers all features for marquee usages, like horizontal- and vertical scrolling, different scroll speeds, custom styling etc.\n\nIn addition, SuperMarquee comes with features which no other solution have. This includes 3D hardware acceleration, inbuilt 3D transformation functionalities and the unique ping-pong mode.\n\nNeedless to say that SuperMarquee supports all your favourite frontend frameworks.\n\n## Showcase\n\nGet some inspiration of what is possible with the following showcase demos.\n\n- [Newsticker](https://superplug.in/supermarquee/showcase/breakingnews)\n- [eCommere](https://superplug.in/supermarquee/showcase/ecommerce)\n- [3D Hero](https://superplug.in/supermarquee/showcase/starwars)\n- [MarqueeWall (codepen.io)](https://codepen.io/benny00100/pen/podybRG)\n- [MarqueeWiggle (codepen.io)](https://codepen.io/benny00100/pen/JjObvZK)\n\n🚀 [Try out the new Visual Editor](https://www.superplug.in/supermarquee/visual-designer)\n\n## Features\n\nThe most popular features of SuperMarquee:\n\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Fully Responsive. Perfect for every resolution \u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Easily customizable via CSS \u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Zero dependencies \u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Lightweight, simple yet powerful \u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Hardware accelerated for high performance \u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Extremely flexible. Endless possibilities \u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Works on every modern device \u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Supports 3D transformations \u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Works with every major frontend framework \u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; Visual editor and code generator\u003cbr\u003e\n\u0026nbsp;\u0026nbsp;✓\u0026nbsp; RSS feed support \u003cbr\u003e\n\n## Examples\n\nList of single feature examples\n\n- [Horizontal Scrolling](https://superplug.in/supermarquee/demo/1)\n- [Vertical Scrolling](https://superplug.in/supermarquee/demo/2)\n- [Ping Pong](https://superplug.in/supermarquee/demo/3)\n- [Perspective X axis](https://superplug.in/supermarquee/demo/4)\n- [Perspective dynamic](https://superplug.in/supermarquee/demo/5)\n- [Styling](https://superplug.in/supermarquee/demo/6)\n- [Dynamic Scroll Speed](https://superplug.in/supermarquee/demo/7)\n- [Mixed Content](https://superplug.in/supermarquee/demo/8)\n- [Position](https://superplug.in/supermarquee/demo/9)\n- [Live Updates](https://superplug.in/supermarquee/demo/10)\n- [Performance](https://superplug.in/supermarquee/demo/11)\n- [Right-To-Left](https://superplug.in/supermarquee/demo/12)\n\n## Documentation\n\n- [Getting Started with Javascript](https://superplug.in/supermarquee/docs#start-javascript)\n- [Getting Started with jQuery](https://superplug.in/supermarquee/docs#start-jquery)\n- [Getting Started with Web Component](https://superplug.in/supermarquee/docs#start-webcomponent)\n- [Getting Started with Angular](https://superplug.in/supermarquee/docs#start-angular)\n- [Getting Started with React](https://superplug.in/supermarquee/docs#start-react)\n- [Getting Started with Svelte](https://superplug.in/supermarquee/docs#start-svelte)\n- [Getting Started with Vue](https://superplug.in/supermarquee/docs#start-vue)\n- [API Reference](https://superplug.in/supermarquee/docs#instantiation)\n- [Changelog](https://superplug.in/supermarquee/docs#changelog)\n- [Examples](https://superplug.in/supermarquee#demos)\n\n## Get Started\n### Install with npm\n\nRun the following command in your terminal\n```\nnpm install sp-supermarquee\n```\n\nYou can also load the bundle directly from [jsDelivr](https://www.jsdelivr.com/package/npm/sp-supermarquee).\n\n### Create a placeholder\n\nCreate an HTML placeholder\n\n```html\n\u003cdiv id=\"supermarquee\"\u003e\u003c/div\u003e\n```\n\n### Import SuperMarquee\n```js\nimport SuperMarquee from \"sp-supermarquee\";\n```\n\n### Initialize \n\nNow turn your placeholder into a SuperMarquee instance and let the magic begin.\n```js\n\nconst sm = new SuperMarquee( \n  document.getElementById('example'), {\n  content : \"SuperMarquee by SuperPlug.in is Super!!!\"\n});\n```\n\nRefer to the [official documentation](https://superplug.in/supermarquee/docs) for more details.\n\n## Support\n\nWe provide support for developers working with commercial version by email. Please write an email to [support@superplug.in](mailto://support@superplug.in) _(please include your license key for verification)_.\n\nIf you use a non-commercial version then please ask your tagged question on [StackOverflow](https://stackoverflow.com/questions/tagged/supermarquee).\n\n## License\n\nSuperMarquee is a commercial software with two licenses available:\n\n- Free for non-commercial purposes such as teaching, academic research, and evaluation. [Read it here](https://superplug.in/supermarquee#pricing).\n- Commercial license with support and maintenance included. See [pricing plans](https://superplug.in/supermarquee#pricing).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperplug-in%2Fsupermarquee","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsuperplug-in%2Fsupermarquee","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperplug-in%2Fsupermarquee/lists"}