Svelte Typing Animation 🖋️🔴 LIVE Coding & Chill

Let’s learn how we can implement a "Typewriter-style" animation in Svelte! This is a trending pattern often put inside “Hero” components, as it is a relatively lightweight way to grab the attention of someone visiting your app... show them you can do some cool stuff with flair 😄 I’ve implemented a Typing Animation in React earlier, you may check out that, shorter & edited, video as well, I’m sure it’ll have quite a few things in common with what we'll do live today: https://www.youtube.com/watch?v=N4899I-tAW4 Demo of the React version: https://erip.vercel.app/ Make yourselves heard in the comments, let me know what you'd like me to cover 🙌 — COMMUNITY — New DISCORD SERVER for us 😱: https://discord.gg/eR5Q52Sfm3 — 🥳🥳🥳 — — Agenda — [ ] What are we doing today? [ ] `svelte-typewriter` and other libraries? https://www.npmjs.com/package/svelte-typewriter [ ] A blinking cursor with Tailwind [ ] Typing out a single word [ ] Typing | Pausing | Deleting Phases [ ] Allowing multiple words [ ] To blink, or not to blink? [ ] Partial word deletion when the next word matches? [ ] Next steps? — HAVE FUN — No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄 — Highlighted software — Svelte: https://svelte.dev/ SvelteKit: https://kit.svelte.dev/ TailwindCSS: https://tailwindcss.com/ My own website: https://magrippis.com/ Search for `@jmagrippis` to find me on socials like Instagram & Twitter! And remember our DISCORD SERVER 😉: https://discord.gg/eR5Q52Sfm3 Between the comment section and the socials, let me know **somewhere** what you’d like me to cover next 🙌