{"id":24727030,"url":"https://github.com/gerardmarquinarubio/reacttypewriter","last_synced_at":"2025-10-09T21:32:04.410Z","repository":{"id":37538125,"uuid":"505871383","full_name":"gerardmarquinarubio/ReactTypewriter","owner":"gerardmarquinarubio","description":"Easy to use typewriter component written with Typescript and React 18+ in mind","archived":false,"fork":false,"pushed_at":"2023-05-18T13:04:27.000Z","size":275,"stargazers_count":40,"open_issues_count":5,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-07T00:44:02.016Z","etag":null,"topics":["components","react","react-components","reactjs"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/gerardmarquinarubio.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}},"created_at":"2022-06-21T14:11:01.000Z","updated_at":"2025-09-08T20:59:26.000Z","dependencies_parsed_at":"2024-01-07T11:11:25.431Z","dependency_job_id":"96c5100e-7988-4ca4-a693-64895c082b63","html_url":"https://github.com/gerardmarquinarubio/ReactTypewriter","commit_stats":{"total_commits":35,"total_committers":2,"mean_commits":17.5,"dds":0.05714285714285716,"last_synced_commit":"e589a9225bece0461d5ccc77bba736289687903b"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/gerardmarquinarubio/ReactTypewriter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerardmarquinarubio%2FReactTypewriter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerardmarquinarubio%2FReactTypewriter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerardmarquinarubio%2FReactTypewriter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerardmarquinarubio%2FReactTypewriter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gerardmarquinarubio","download_url":"https://codeload.github.com/gerardmarquinarubio/ReactTypewriter/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gerardmarquinarubio%2FReactTypewriter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279002051,"owners_count":26083286,"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","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["components","react","react-components","reactjs"],"created_at":"2025-01-27T14:43:05.450Z","updated_at":"2025-10-09T21:32:04.096Z","avatar_url":"https://github.com/gerardmarquinarubio.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e 〰 ⌨️ 〰 React Typewriter 〰 ⌨️ 〰\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/language-typescript-blue?style=flat-square\u0026logo=typescript\" /\u003e \n\u003cimg src=\"https://img.shields.io/badge/react-v18.2-%2361DBFB?style=flat-square\u0026logo=react\" /\u003e\n\u003ca href=\"https://github.com/gerardmarquinarubio/ReactTypewriter/releases\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/version-v0.1.8-green?style=flat-square\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://www.npmjs.com/package/react-ts-typewriter\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/package-npm-red?style=flat-square\u0026logo=npm\" /\u003e\n\u003c/a\u003e\n\u003ca href=\"https://github.com/brillout/awesome-react-components#ui-animation\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/featured-awesome--react--components-blueviolet?style=flat-square\" /\u003e\n\u003c/a\u003e\n\u003cimg src=\"./usage.gif\" /\u003e\n\u003c/p\u003e\nReact Typewriter is a simple component that allows you to create a nice \"typewriter\" effect to any text by simply invoking the component. \u003ca href=\"https://codesandbox.io/s/react-typewriter-example-mgyclf\" target=\"_blank\"\u003eTry on codesandbox.io\u003c/a\u003e.\n\n## Installation\n\n```sh\nnpm i react-ts-typewriter\n```\n\n## Example usage\n\n```tsx\nimport Typewriter from 'react-ts-typewriter';\n\nexport default function myComponent() {\n    return (\n        \u003ch1\u003e\n            \u003cTypewriter text='Hello' /\u003e\n        \u003c/h1\u003e\n    )\n}\n```\n\n## Props\n\n\u003ctable\u003e\n\u003cthead\u003e\n    \u003ctr\u003e\u003ctd\u003e\u003cb\u003eProp name\u003c/b\u003e\u003c/td\u003e\u003ctd\u003e\u003cb\u003eType\u003c/b\u003e\u003c/td\u003e\u003ctd\u003e\u003cb\u003eDescription\u003c/b\u003e\u003c/td\u003e\u003ctd\u003e\u003cb\u003eRequired\u003c/b\u003e\u003c/td\u003e\u003ctd\u003e\u003cb\u003eDefault\u003c/b\u003e\u003c/td\u003e\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n    \u003ctr\u003e\u003ctd\u003etext\u003c/td\u003e\u003ctd\u003estring | string[]\u003c/td\u003e\u003ctd\u003eText to display as string or an array of strings\u003c/td\u003e\u003ctd\u003etrue\u003c/td\u003e\u003ctd\u003e\u003c/td\u003e\u003c/tr\u003e\n    \u003ctr\u003e\u003ctd\u003espeed\u003c/td\u003e\u003ctd\u003enumber\u003c/td\u003e\u003ctd\u003eHow long (in ms) does the the typewriter wait after typing one character\u003c/td\u003e\u003ctd\u003efalse\u003c/td\u003e\u003ctd\u003e30ms\u003c/td\u003e\u003c/tr\u003e\n    \u003ctr\u003e\u003ctd\u003eloop\u003c/td\u003e\u003ctd\u003eboolean\u003c/td\u003e\u003ctd\u003eSet to true if the typewriter should loop after finishing typing the string(s)\u003c/td\u003e\u003ctd\u003efalse\u003c/td\u003e\u003ctd\u003efalse\u003c/td\u003e\u003c/tr\u003e\n    \u003ctr\u003e\u003ctd\u003erandom\u003c/td\u003e\u003ctd\u003enumber\u003c/td\u003e\u003ctd\u003eMs of randomness that should be added after each keystroke. If set to zero then each stroke will strictly take \u003ccode\u003espeed\u003c/code\u003ems to complete\u003c/td\u003e\u003ctd\u003efalse\u003c/td\u003e\u003ctd\u003e30ms\u003c/td\u003e\u003c/tr\u003e\n    \u003ctr\u003e\u003ctd\u003edelay\u003c/td\u003e\u003ctd\u003enumber\u003c/td\u003e\u003ctd\u003eMs to wait after compleating the word. Useless if loop is set to false or text is not an array\u003c/td\u003e\u003ctd\u003efalse\u003c/td\u003e\u003ctd\u003e30ms\u003c/td\u003e\u003c/tr\u003e\n    \u003ctr\u003e\u003ctd\u003ecursor\u003c/td\u003e\u003ctd\u003eboolean\u003c/td\u003e\u003ctd\u003eSet to false if the typewriter should not render a blinking cursor character at the end of the string\u003c/td\u003e\u003ctd\u003efalse\u003c/td\u003e\u003ctd\u003etrue\u003c/td\u003e\u003c/tr\u003e\n    \u003ctr\u003e\u003ctd\u003eonFinished\u003c/td\u003e\u003ctd\u003eFunction\u003c/td\u003e\u003ctd\u003eCallback function after Typewriter animation is complete, never triggers if \u003ccode\u003eloop\u003c/code\u003e is true\u003c/td\u003e\u003ctd\u003efalse\u003c/td\u003e\u003ctd\u003e() =\u003e void\u003c/td\u003e\u003c/tr\u003e\n    \u003ctr\u003e\u003ctd\u003eonStart\u003c/td\u003e\u003ctd\u003eFunction\u003c/td\u003e\u003ctd\u003eCallback function before Typewriter animation is started on each string\u003c/td\u003e\u003ctd\u003efalse\u003c/td\u003e\u003ctd\u003e() =\u003e void\u003c/td\u003e\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgerardmarquinarubio%2Freacttypewriter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgerardmarquinarubio%2Freacttypewriter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgerardmarquinarubio%2Freacttypewriter/lists"}