--- title: GitHub - KurtGokhan/tegaki: Handwriting animation for... description: Tegaki is an open source npm library that animates any Google Font as handwriting, drawing text stroke by stroke with natural timing. It requires no manual... canonical: https://daily.dev/posts/l3dic97i5 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: GitHub - KurtGokhan/tegaki: Handwriting animation for any font | daily.dev og:description: Tegaki is an open source npm library that animates any Google Font as handwriting, drawing text stroke by stroke with natural timing. It requires no manual... og:url: https://daily.dev/posts/l3dic97i5 og:image: https://api.daily.dev/og/posts/L3dic97i5.png og:image:alt: Post cover image og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # GitHub - KurtGokhan/tegaki: Handwriting animation for any font **[Franco Carrara](https://daily.dev/sources/bna8zijpcxvuyyjfg5wqn)** · [@francocdev](https://daily.dev/francocdev) · 426 upvotes · 24 comments ## Summary Tegaki is an open source npm library that animates any Google Font as handwriting, drawing text stroke by stroke with natural timing. It requires no manual path authoring or native dependencies. The library supports React, Svelte, Vue, SolidJS, Astro, Web Components, and Vanilla JS. Four handwriting fonts (Caveat, Italianno, Tangerine, Parisienne) are bundled, and an interactive generator allows creating custom bundles for other Google Fonts. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@mhjim** · 27 upvotes > finally, something usefull~ **@tareksaad** · 15 upvotes > Wow great one **@ed1nh0** · 7 upvotes > Looks like a bit heavy to load but I'll definitely give it a try! **@abhiroop43** · 6 upvotes > Back in the day we used to have Typewriter Effect 😅 **@shaswat\_shrivas** · 4 upvotes > Being able to turn any Google Font into a handwriting-style animation without having to manually define paths sounds like a big win. This is especially true for developers who want something that looks cool without making things harder. ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- Tags: [#typescript](https://daily.dev/tags/typescript) [View this post on daily.dev](https://daily.dev/posts/l3dic97i5) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/l3dic97i5","headline":"GitHub - KurtGokhan/tegaki: Handwriting animation for any font","text":"Shared: GitHub - KurtGokhan/tegaki: Handwriting animation for any font","url":"https://daily.dev/posts/l3dic97i5","datePublished":"2026-04-14T20:53:55.418Z","dateModified":"2026-04-14T20:54:54.990Z","author":{"@type":"Person","name":"Franco Carrara","url":"https://daily.dev/francocdev","image":"https://avatars.githubusercontent.com/u/6468230?v=4","description":"Building things. Solving problems. Moving fast.","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":3460}},"image":"https://media.daily.dev/image/upload/s--0_ODbtD2--/f_auto/v1722860399/public/Placeholder%2008","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":426},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":24}],"sharedContent":{"@type":"WebPage","url":"https://api.daily.dev/r/LmXoLIu1v"},"comment":[{"@type":"Comment","text":"finally, something usefull~","datePublished":"2026-04-15T07:51:06.056Z","url":"https://daily.dev/posts/L3dic97i5#c-34zcOXk7b","author":{"@type":"Person","name":"Mehedi Hasan Jim","url":"https://daily.dev/mhjim","image":"https://lh3.googleusercontent.com/a/ACg8ocIB2F9xG6L6kNYvizZ5Yd4hzQ74eS-oI5C0OTM6CcL0Evg_Ps8=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":27}},{"@type":"Comment","text":"Wow great one","datePublished":"2026-04-15T10:12:47.048Z","url":"https://daily.dev/posts/L3dic97i5#c-k3udOwtuh","author":{"@type":"Person","name":"Tarek Saad","url":"https://daily.dev/tareksaad","image":"https://lh3.googleusercontent.com/a/ACg8ocJ27vj-xf62CGUOGGKHS2DJ16pZcXuVOV_2YMDHrO4B0biX_yiz=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":15}},{"@type":"Comment","text":"Looks like a bit heavy to load but I’ll definitely give it a try!","datePublished":"2026-04-15T12:30:03.010Z","url":"https://daily.dev/posts/L3dic97i5#c-NrYBe7pDF","author":{"@type":"Person","name":"Edson Simão Jr","url":"https://daily.dev/ed1nh0","image":"https://media.daily.dev/image/upload/s--X_mpCbNx--/f_auto/v1763031241/avatars/avatar_OOw9XxPIvvQflUj8Ikoxq?_a=BAMAK+ZW0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":7}},{"@type":"Comment","text":"Back in the day we used to have Typewriter Effect 😅","datePublished":"2026-04-16T04:16:32.898Z","url":"https://daily.dev/posts/L3dic97i5#c-mS0jzsto1","author":{"@type":"Person","name":"Abhiroop Santra","url":"https://daily.dev/abhiroop43","image":"https://avatars.githubusercontent.com/u/5673129?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":6}},{"@type":"Comment","text":"Being able to turn any Google Font into a handwriting-style animation without having to manually define paths sounds like a big win. This is especially true for developers who want something that looks cool without making things harder.","datePublished":"2026-04-16T05:50:29.117Z","url":"https://daily.dev/posts/L3dic97i5#c-XSuLc21Hf","author":{"@type":"Person","name":"Shaswat Shrivas","url":"https://daily.dev/shaswat_shrivas","image":"https://media.daily.dev/image/upload/s--LNnM28mC--/f_auto/v1774193329/avatars/avatar_RslRc74HTXYv9Xn0Nwv4n?_a=BAMAMiWQ0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/sources/bna8zijpcxvuyyjfg5wqn","name":"Franco Carrara"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Franco Carrara","item":"https://daily.dev/sources/bna8zijpcxvuyyjfg5wqn"},{"@type":"ListItem","position":3,"name":"GitHub - KurtGokhan/tegaki: Handwriting animation for any font"}]} ```