{"id":15826896,"url":"https://github.com/awran5/typewriting","last_synced_at":"2025-07-03T12:04:00.527Z","repository":{"id":123896728,"uuid":"151097754","full_name":"awran5/typewriting","owner":"awran5","description":"Lightweight JavaScript plugin for adding nice, customizable Typewriting effect using custom HTML5 attributes.","archived":false,"fork":false,"pushed_at":"2018-10-25T05:44:28.000Z","size":85,"stargazers_count":1,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-12T10:09:18.129Z","etag":null,"topics":["es6","html5-attribute","lightweight-javascript-plugin","typewriter-effect","typewriting"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/awran5.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":"2018-10-01T13:59:20.000Z","updated_at":"2024-09-09T23:18:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"34441e8e-77bd-4130-94b1-34bb4c1a8340","html_url":"https://github.com/awran5/typewriting","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/awran5/typewriting","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awran5%2Ftypewriting","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awran5%2Ftypewriting/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awran5%2Ftypewriting/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awran5%2Ftypewriting/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/awran5","download_url":"https://codeload.github.com/awran5/typewriting/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/awran5%2Ftypewriting/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263322786,"owners_count":23448712,"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":["es6","html5-attribute","lightweight-javascript-plugin","typewriter-effect","typewriting"],"created_at":"2024-10-05T10:01:12.611Z","updated_at":"2025-07-03T12:04:00.497Z","avatar_url":"https://github.com/awran5.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TypeWriting\n\nTypeWriting is a tiny lightweight JavaScript plugin for adding nice, customizable Typewriting effect using custom HTML5 attributes. This plugin is written in native JavaScript ES6 and does not requires any dependencies!\n\nInspired by [TraversyMedia](https://www.traversymedia.com/). I've made some changes and modifications to suit my needs, if you have an issue/idea, please feel free to fork the repo or send me a push request and i'll be happy to push it.\n\n## Usage\n\n1. Load the minified version `typewriting.min.js` by placing the script tag before the closing Body tag for better page speed performance.\n```html\n\u003cscript src=\"js/typewriting.min.js\"\u003e\u003c/script\u003e\n```\n2. Create an empty `span` tag with class name `typewrite`. You're able to pass the options using the custom HTML5 attributes:\n\n- **data-loop:** Stop the typing loop. Value shoud be `yes` or `no`\n- **data-speed:** Typing speed in millisecond. Default value is `100`\n- **data-delay:** Time delay after word is complete in millisecond. Default value is `1000`\n- **data-words:** Words to add separated by comma i.e. `[\"...\",\"...\",\"...\"]`\n\n```html\n\u003ch3\u003eHey, I'm\n    \u003cspan class=\"typewrite\" data-loop=\"yes\" data-speed=\"100\" data-delay=\"1000\" data-words='[\"word 1\", \"word 2\", \"word 3\"]'\u003e\u003c/span\u003e\n\u003c/h3\u003e\n```\n## [Demo](https://awran5.github.io/typewriting/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawran5%2Ftypewriting","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fawran5%2Ftypewriting","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fawran5%2Ftypewriting/lists"}