{"id":18597516,"url":"https://github.com/convoo/more-animations","last_synced_at":"2026-01-24T12:42:51.039Z","repository":{"id":73240130,"uuid":"75542296","full_name":"convoo/more-animations","owner":"convoo","description":"more polymer animations","archived":false,"fork":false,"pushed_at":"2016-12-13T04:37:22.000Z","size":16,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-17T23:45:05.148Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"HTML","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/convoo.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,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-12-04T14:26:48.000Z","updated_at":"2016-12-13T04:41:15.000Z","dependencies_parsed_at":"2023-11-07T18:15:14.147Z","dependency_job_id":null,"html_url":"https://github.com/convoo/more-animations","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/convoo%2Fmore-animations","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/convoo%2Fmore-animations/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/convoo%2Fmore-animations/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/convoo%2Fmore-animations/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/convoo","download_url":"https://codeload.github.com/convoo/more-animations/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254538585,"owners_count":22087892,"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":[],"created_at":"2024-11-07T01:28:28.442Z","updated_at":"2026-01-24T12:42:51.011Z","avatar_url":"https://github.com/convoo.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u003cmore-animations\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"more-animations\" src=\"MoreAnimations400.png\" width=\"300\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\nMore animations to use with \u003ca target=\"_blank\" href=\"https://github.com/PolymerElements/neon-animation#a-basic-animatable-element\"\u003eNeon Animations Runner\u003c/a\u003e.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://beta.webcomponents.org/element/convoo/more-animations\"\u003e\u003cimg src=\"https://img.shields.io/badge/webcomponents.org-published-blue.svg\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://gitter.im/convoo/general\"\u003e\u003cimg src=\"https://img.shields.io/badge/gitter-join%20chat-brightgreen.svg\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n---\n\n\u003c!--\n```\n\u003ccustom-element-demo\u003e\n  \u003ctemplate\u003e\n    \u003clink rel=\"import\" href=\"../paper-button/paper-button.html\"\u003e\n    \u003clink rel=\"import\" href=\"../paper-dropdown-menu/paper-dropdown-menu.html\"\u003e\n    \u003clink rel=\"import\" href=\"../paper-item/paper-item.html\"\u003e\n    \u003clink rel=\"import\" href=\"../paper-listbox/paper-listbox.html\"\u003e\n    \u003clink rel=\"import\" href=\"../paper-slider/paper-slider.html\"\u003e\n    \u003clink rel=\"import\" href=\"animation-demo.html\"\u003e\n    \u003cstyle\u003e\n        paper-slider {\n            --paper-slider-knob-color: #ca3b50;\n            --paper-slider-active-color: #e5435a;å\n        }\n        .demo {\n            min-height: 500px;\n        }\n    \u003c/style\u003e\n    \u003cdiv\u003e\n        \u003ctemplate is=\"dom-bind\"\u003e\n            \u003cnext-code-block\u003e\u003c/next-code-block\u003e\n        \u003c/template\u003e\n    \u003c/div\u003e\n  \u003c/template\u003e\n\u003c/custom-element-demo\u003e\n```\n--\u003e\n```html\n\u003cdiv class=\"demo\"\u003e\n    \u003canimation-demo play=\"[[selected]]\" duration=\"{{duration}}\" delay=\"{{delay}}\"\u003e\n    \u003c/animation-demo\u003e\n    \u003cdiv\u003e\n        Duration: [[duration]]\n    \u003c/div\u003e\n    \u003cpaper-slider min=\"100\" max=\"1000\" immediate-value=\"{{duration}}\" value=\"500\" snaps step=\"50\"\u003e\u003c/paper-slider\u003e\n    \u003cdiv\u003e\n        Delay: [[delay]]\n    \u003c/div\u003e\n    \u003cpaper-slider min=\"0\" max=\"500\" immediate-value=\"{{delay}}\" value=\"0\" snaps step=\"50\"\u003e\u003c/paper-slider\u003e\n\n    \u003cpaper-dropdown-menu label=\"Show me...\"\u003e\n        \u003cpaper-listbox class=\"dropdown-content\" selected=\"{{selected}}\" attr-for-selected=\"value\"\u003e\n            \u003cpaper-item value=\"bounce-animation\"\u003eBounce\u003c/paper-item\u003e\n            \u003cpaper-item value=\"blink-animation\"\u003eBlink\u003c/paper-item\u003e\n            \u003cpaper-item value=\"bulge-animation\"\u003eBulge\u003c/paper-item\u003e\n            \u003cpaper-item value=\"stretch-animation\"\u003eStretch\u003c/paper-item\u003e\n            \u003cpaper-item value=\"shake-animation\"\u003eShake\u003c/paper-item\u003e\n            \u003cpaper-item value=\"swing-animation\"\u003eSwing\u003c/paper-item\u003e\n            \u003cpaper-item value=\"tadaa-animation\"\u003eTadaa\u003c/paper-item\u003e\n            \u003cpaper-item value=\"flip-in-side-animation\"\u003eFlip In Side\u003c/paper-item\u003e\n            \u003cpaper-item value=\"flip-in-top-animation\"\u003eFlip In Top\u003c/paper-item\u003e\n        \u003c/paper-listbox\u003e\n    \u003c/paper-dropdown-menu\u003e\n\u003c/div\u003e\n```\n\n\n## Install the Polymer-CLI\n\nFirst, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your application locally.\n\n## Viewing Your Application\n\n```\n$ polymer serve\n```\n\n## Building Your Application\n\n```\n$ polymer build\n```\n\nThis will create a `build/` folder with `bundled/` and `unbundled/` sub-folders\ncontaining a bundled (Vulcanized) and unbundled builds, both run through HTML,\nCSS, and JS optimizers.\n\nYou can serve the built versions by giving `polymer serve` a folder to serve\nfrom:\n\n```\n$ polymer serve build/bundled\n```\n\n## Running Tests\n\n```\n$ polymer test\n```\n\nYour application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconvoo%2Fmore-animations","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fconvoo%2Fmore-animations","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fconvoo%2Fmore-animations/lists"}