Typewriter Text Effect
An animated typewriter effect that types and deletes rotating phrases, powered by Typed.js.
Requires Typed.js. Add the CDN tag below to your page (styles in
<head>, scripts before </body>). The downloaded file already includes it.<script src="https://cdn.jsdelivr.net/npm/typed.js@2.1.0/dist/typed.umd.js"></script><div class="ty"><span>I build </span><span class="ty-target" id="typed"></span></div>body{background:#0d1426}
.ty{font:700 30px/1.4 system-ui,sans-serif;color:#fff;text-align:center}
.ty-target{color:#ff7a18}
.typed-cursor{color:#ff477e}new Typed('#typed',{strings:['websites.','web apps.','design systems.','great UX.'],typeSpeed:70,backSpeed:40,backDelay:1400,loop:true});Free to use.This component uses Typed.js (linked above). Copy any file, or download a ready-to-open .html page with the CDN links already included.