Divi Typing Text Effect
DG Typing Text is a Divi 5 module for the typewriter effect: a headline that types a word, pauses, deletes it and types the next. Set a prefix and suffix around the typed words, the cursor style, the delete style and the speed. Ten real uses below, from SaaS heroes and code terminals to menus, chat bots and arcade screens.
Live examples
Explore 15 Divi typing text examples
Each headline below is one DG Typing Text module. Watch the cursor and the way words are deleted: backspace, select and delete, or an instant cut.
USE CASE 01 · FASHION & EDITORIAL MAGAZINES
The season of silk., linen., velvet., noir.
A magazine cover in one line. The fabric is drawn in hairline outline, then selected and replaced like an editor’s marker sweeping across the page.
Effect: Outline letters · Delete: select & delete · Cursor: underscore · Speed: slow, 110 ms
USE CASE 02 · CAFÉS, BAKERIES & BARS
A chalkboard sign by the door: handwriting, an uneven human rhythm and a soft chalk-coloured cursor.
~ TODAY AT THE CORNER CAFÉ ~
Open 7 – 17 · Corner of Elm & 3rd · Fresh croissants till noon
Font: handwriting · Natural typing: 60% · Delete: backspace · Frame: wood border + radial chalk
USE CASE 03 · DESIGNERS & FREELANCERS
Hi, I’m Maya. I design brand identities., mobile apps., type you can feel., calm websites.
Ten years, forty brands, one rule: make it simple and make it last. Currently booking projects for spring.
Each string: own colour + matching cursor · Cursor: block · Delete: instant · Reserve width
USE CASE 04 · CHARITIES & NON-PROFITS
Over 2.4 million trees planted with local farmers since 2014. Every gift is tracked to the field.
Typed text: yellow marker box · Strings: dark ink colour · Background: photo + green overlay
USE CASE 05 · TOY SHOPS, KIDS CLUBS & CAMPS
Weekend workshops for builders aged 5 to 11. Bricks, glue and big ideas included.
Each string: own colour, emoji and cursor · Cursor: 7px bar · Speed: slow, 120 ms · Delete: instant
USE CASE 06 · SAAS HERO
One headline for every audience
Name each group you serve in turn. Reserve Width keeps the line still, so the buttons under it never jump.
Effect: Text Fill with a gradient · Layout: Reserve Width on · Cursor: bar
Plan, write and ship together, in one calm place. Free for teams of up to five.
USE CASE 07 · DEVELOPER TOOLS
A terminal that types for real
Show the commands people will run. Natural Typing adds small random pauses, the block cursor looks like a real shell, and Instant delete clears the line like pressing Enter.
Cursor: block · Delete: instant · Natural typing: 45%
● ● ● ~/projects/my-site — zsh
➜ my-site $ npm install divigrid, git commit -m "New hero", npm run build, git push origin main
✔ 214 modules ready · built in 1.8s
USE CASE 08 · CREATIVE AGENCY
Prefix, typed words and suffix on three lines (Display: Flex, Direction: Column). The typed word is an outline; the last word swaps to a solid fill. Effect: outline + per-string fill · Layout: flex column
USE CASE 09 · REAL ESTATE
Find a home you love.
The search field hints at real places while it waits. Placeholder: Typing Text in a card row · Prefix: muted grey
USE CASE 10 · RESTAURANT
Tonight we’re serving truffle risotto., wood-fired figs., slow-cooked short rib., lemon tart.
Let the dishes change by themselves. Select & Delete highlights the dish, like someone editing the menu, then writes the next one. Delete: select (gold highlight) · Cursor: underscore
USE CASE 11 · AI ASSISTANT
An answer that writes itself
A chat reply that appears word by word feels like it is thinking. A character cursor, slow natural typing and long pauses make it read like a person.
Cursor: character ▍ · Natural typing: 60% · Loop: pause 3 s
✦ Bakebot ● online
Write a tagline for my bakery 🥐
“Baked at dawn, gone by noon.”, “Fresh from our oven to your morning.”, “Small batches. Big love.”
Ask Bakebot anything…➤
USE CASE 12 · FITNESS
Train for strength., speed., stamina., yourself.
Short, punchy words with no backspacing: Instant delete swaps them like cuts in a promo video. Every string has its own colour, and its own cursor colour too. Per string: colour + cursor colour · Delete: instant
USE CASE 13 · GAMING & EVENTS
P1 > PRESS START, INSERT COIN, HI-SCORE 999990, GAME ON!
LAN PARTY · FRIDAY 8 PM · 64 PLAYERS
A slow, chunky typing speed and a fast-blinking block cursor bring back the arcade screen. Cursor: block, blink 500 ms · Speed: 110 ms a letter
USE CASE 14 · TESTIMONIALS
Each string has its own background, like a highlighter pen, so the words sum up the reviews below. Per string: background + padding + radius
“They rebuilt our site in nine days and answered every email within the hour.”
Maya R. · Bakery owner
“Kind, patient people. They explained every choice in plain words.”
Tom K. · Yoga studio
“Bookings went up 40% in the first month. Easily paid for itself.”
Lena S. · Guest house
USE CASE 15 · LANGUAGE SCHOOL
Hello, Hola, Bonjour, Ciao, Olá, Merhaba, Hallo, Namaste
Learn a new language in ten minutes a day.
Eight greetings in random order, a waving-hand icon as the cursor, and every second word in a warm yellow. Cursor: icon · Order: random · Per string: colour