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: • Code your own TYPING ANIMATION with R...
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 😱: / discord
— 🥳🥳🥳 —
— Agenda —
[ ] What are we doing today?
[ ] `svelte-typewriter` and other libraries? https://www.npmjs.com/package/svelte-...
[ ] 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 😉: / discord
Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌
Watch video Svelte Typing Animation 🖋️🔴 LIVE Coding & Chill online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,020 once and liked it 21 people.