Typewriter animation effect
Build using only Tailwind CSS; no JavaScript is required.
This is a continuous typing effect.
If you want to stop it after the text is typed for the first time, then you can remove 'infinite' from [typing: 'typing 2s steps(20) infinite alternate, blink .7s infinite'] from the config file.
This tailwind example is contributed by Samuel Dawson, on 11-Jul-2023. Component is made with Tailwind v3.4. It is responsive. It supports dark mode. similar terms for this example is Transitions
Related Examples
-
Typewriter effect
using javascript
43.6k -
background animation
background animation
53.1k -
Typewriter effect in tailwindcss with this simple trick
source: https://dev.to/lazysock/make-a-typewriter-effect-with-tailwindcss-in-5-minutes-dc
12.2k -
-
Skill showcase section for resume / porfolio websiteshow skill progression
14.6k -
Animated Gradient Background
animates a gradient background with vibrant colors. Slowly changes colors.
28.5k -
-
-
-
Maintenance page templateThe site is under maintenance placeholder page
16.4k -
Loading dots
Black Loading dots
40.6k -
-
-
Chat templatefullscreen chat template suitable for mobile devices
18.2k -
10.4k -
Question & Answerquestions and answers
9.3k
Browse by topic
Explore components by Tags
Jump straight to the UI pattern you need.
Can't find it?
Didn't find the component you were looking for?
Search across 3,000+ community-built components and grab the code in seconds.