{"id":13701096,"url":"https://github.com/crazychicken/t-scroll","last_synced_at":"2025-04-04T09:06:04.980Z","repository":{"id":65513740,"uuid":"90583393","full_name":"crazychicken/t-scroll","owner":"crazychicken","description":"A modern reveal-on-scroll library with useful options and animations. (Animate Elements On Reveal)","archived":false,"fork":false,"pushed_at":"2018-07-13T05:00:17.000Z","size":1040,"stargazers_count":638,"open_issues_count":1,"forks_count":53,"subscribers_count":26,"default_branch":"master","last_synced_at":"2025-03-26T18:08:07.978Z","etag":null,"topics":["animated","animation","bounce","clgt","css","fade","flip","html","javascript","lightspeed","recommended","roll","rotate","scroll-down","slide","t-scroll","target","tuds","zoom"],"latest_commit_sha":null,"homepage":"http://t-scroll.com","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/crazychicken.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-05-08T03:37:10.000Z","updated_at":"2025-01-23T23:56:07.000Z","dependencies_parsed_at":"2023-01-26T21:01:08.015Z","dependency_job_id":null,"html_url":"https://github.com/crazychicken/t-scroll","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/crazychicken%2Ft-scroll","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crazychicken%2Ft-scroll/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crazychicken%2Ft-scroll/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crazychicken%2Ft-scroll/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/crazychicken","download_url":"https://codeload.github.com/crazychicken/t-scroll/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247149500,"owners_count":20891954,"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":["animated","animation","bounce","clgt","css","fade","flip","html","javascript","lightspeed","recommended","roll","rotate","scroll-down","slide","t-scroll","target","tuds","zoom"],"created_at":"2024-08-02T20:01:17.347Z","updated_at":"2025-04-04T09:06:04.958Z","avatar_url":"https://github.com/crazychicken.png","language":"HTML","readme":"![enter image description here](http://t-scroll.com/theme/images/about.png)\n\n[![NPM version][npm-image]][npm-url] [![Downloads][downloads-image]][npm-url] [![Backers on Open Collective](https://opencollective.com/t-scroll/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/t-scroll/sponsors/badge.svg)](#sponsors) \n\n## Quick start t-scroll\n* Clone the repo: `git clone git@github.com:crazychicken/t-scroll.git`\n* Install with npm: `npm install --save-dev t-scroll`\n* Install with npm: `npm install --save-dev crazychicken/t-scroll`\n* Or download the [latest release](https://github.com/crazychicken/t-scroll/archive/master.zip)\n\n## Demo\nhttp://t-scroll.com/demo.html\n\n## Demo Options\nhttp://t-scroll.com/t-animate-options.html\n\n## Documentation\nhttp://t-scroll.com/documents.html\n\n## How to use\n\n* First, include CSS files into your HTML head:\n```html\n\u003clink type=\"text/css\" rel=\"stylesheet\" href=\"./public/theme/css/t-scroll.min.css\"\u003e\n```\n\n* Include file `t-scroll.min.js` into the footer.\n```html\n\u003cscript type=\"text/javascript\" src=\"./public/theme/js/t-scroll.min.js\"\u003e\u003c/script\u003e\n```\n\n* Set HTML\n```html\n\u003cdiv class=\"zoomIn\"\u003e\"...\"\u003c/div\u003e\n\u003cdiv class=\"zoomIn\"\u003e\"...\"\u003c/div\u003e\n```\n\n* If you need `setTimeout`, you need insert the container attribute `data-t-show=\"...\"`\n```html\n\u003cdiv class=\"zoomIn\" data-t-show=\"1\"\u003e\"...\"\u003c/div\u003e\n\u003cdiv class=\"zoomIn\" data-t-show=\"2\"\u003e\"...\"\u003c/div\u003e\n```\n\n* Or you want to `data-t-show` run see first screen. You have to add `.t-animated`\n```html\n\u003cdiv class=\"box-center\"\u003e\n    \u003cdiv class=\"zoomIn t-animated\" data-t-show=\"1\"\u003e ... \u003c/div\u003e\n    \u003cdiv class=\"zoomIn t-animated\" data-t-show=\"2\"\u003e ... \u003c/div\u003e\n\u003c/div\u003e\n```\n\n## Call the function\n\n```html\n\u003cscript type=\"text/javascript\"\u003e\n    Tu.tScroll({\n      't-element': '.zoomIn'\n    })\n\u003c/script\u003e\n```\n\n## Options t-animate\n* bounceIn\n* bounceOut\n* bounceUp\n* bounceDown\n* bounceLeft\n* bounceRight\n* fadeIn\n* fadeUp\n* fadeDown\n* fadeLeft\n* fadeRight\n* fadeUpBig\n* fadeDownBig\n* fadeLeftBig\n* fadeRightBig\n* flip\n* flipX\n* flipY\n* lightSpeedUp\n* lightSpeedRight\n* lightSpeedDown\n* lightSpeedLeft\n* rollUp\n* rollRight\n* rollDown\n* rollLeft\n* rotate\n* rotateUpLeft\n* rotateUpRight\n* rotateDownLeft\n* rotateDownRight\n* slideUp\n* slideDown\n* slideLeft\n* slideRight\n* zoomIn\n* zoomInUp\n* zoomInLeft\n* zoomInDown\n* zoomInRight\n* zoomOut\n* zoomOutUp\n* zoomOutLeft\n* zoomOutDown\n* zoomOutRight\n\n## Tree\n```\npublic/\n  └── theme/\n      └── css/\n      |   └── t-scroll.min.css\n      └── js/\n            └── t-scroll.min.js\nsass/\n  ├── // All Folders Sass Files\n  └── t-scroll.min.scss // @import 'path sass file your project';\n```\n\n## Template full feature list\n\n* Semantically Correct / Valid HTML Code\n* HTML5, CSS3\n* Javascript / JS6\n* Full project and seed project (build with: Gulp, Sass, Javascript, Npm, Babel)\n* Cross browser compatible ( Internet Explorer 10+, Firefox, Safari, Opera, Chrome etc. )\n* W3C Valid source code, properly formatted and commented\n* Animations CSS3\n\n## Creators\n\n#### Tuds - Crazychicken (CLGT Groups)\n* website:  http://t-scroll.com/\n* Github:   https://github.com/crazychicken/t-scroll\n* Facebook: https://www.facebook.com/tudscss/\n* Youtube:  https://www.youtube.com/channel/UCDACe-7BFGDucQoxTDfPotw\n* Twtter:   https://twitter.com/mtu_truong\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute]](https://github.com/crazychicken/t-scroll/blob/master/CONTRIBUTING.md).\n\n\u003ca href=\"https://github.com/crazychicken/t-scroll/blob/master/CONTRIBUTING.md\"\u003e\u003cimg src=\"https://opencollective.com/t-scroll/contributors.svg\" /\u003e\u003c/a\u003e\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/t-scroll#backer)]\n\n\u003ca href=\"https://opencollective.com/t-scroll#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/t-scroll/backers.svg\"\u003e\u003c/a\u003e\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/t-scroll#sponsor)]\n\n\u003ca href=\"https://opencollective.com/t-scroll#sponsor\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/t-scroll/sponsors.svg\"\u003e\u003c/a\u003e\n\n\n[downloads-image]: https://img.shields.io/npm/dm/t-scroll.svg\n[npm-url]: https://www.npmjs.com/package/t-scroll\n[npm-image]: https://img.shields.io/npm/v/t-scroll.svg\n\n\n## Copyright and license\n\nCode and documentation copyright 2017, MIT license.\n","funding_links":["https://opencollective.com/t-scroll"],"categories":["HTML","Animations"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrazychicken%2Ft-scroll","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcrazychicken%2Ft-scroll","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrazychicken%2Ft-scroll/lists"}