20 Before and After Hooks for X (Twitter) Posts

A before and after hook shows a clear change: where something started, where it is now and, in the post, what happened in between. Use one when you have a transformation in a product, process, page or habit. Here are 20 fill-in-the-blank before and after hooks for X and how to make the change believable.

Why before and after hooks work

Two states side by side tell a story without any extra words. The reader sees the gap and immediately wants the bridge: what did you change? That bridge is the useful part of the post, and the hook makes readers hungry for it.

The contrast also makes progress visible. A redesign, a faster workflow or a calmer week is hard to describe in the abstract, but "Before: 3 hours. After: 20 minutes" is instantly clear.

20 before and after hooks

1. Before: [old state]. After: [new state]. What changed:
2. Our [page] a year ago vs today. Same product, [percentage] more [signups].
3. [Time period] ago, [task] took me [long time]. Now it takes [short time].
4. My [workspace, calendar or routine] before and after [change].
5. We rewrote our [onboarding or page]. Here are both versions.
6. Then: [number] [customers or users], [team size] people. Now: [number], [team size].
7. The first version of [product] vs the one we ship today.
8. How our [weekly meeting or process] looked in [year] compared with now.
9. Same [feature], new [copy or design]. [Metric] moved from [figure] to [figure].
10. I used to [old habit]. Now I [new habit]. The difference in my [outcome] is huge.
11. Our [support inbox or backlog] in [month] vs [month].
12. One [year or quarter] of [practice], before and after.
13. What changed between our [first] and [hundredth] [customer]:
14. My [profile or bio] then and now, and the effect on [metric].
15. Before [tool or change], our team spent [time] a week on [task].
16. The [email or pitch] I sent in [year] vs the one I send now.
17. Left: our [dashboard or design] on day one. Right: today.
18. From [painful old way] to [new way] in [time period].
19. [Number] months of [effort] in two screenshots.
20. I rebuilt my [routine or setup] from the ground up. Before and after:

Do and don't

• Do use a fair starting point. Compare like for like, the same page or the same metric, so readers trust that the change came from what you did.
• Don't stage the "before". Making the old version look worse than it was is easy to spot and undercuts the whole post.
• Do explain the bridge in steps. Two or three concrete changes between before and after are what readers came for.

Pair it with

These openers fit before and after posts and milestone posts.

Frequently asked questions

Do before and after hooks need images?

They work well with two screenshots side by side, but text works too when the change is a number or a habit.

How much time should pass between before and after?

Long enough for a real change to show, often a few months. Short gaps work for quick wins like a rewritten page.

What if the change was small?

Small changes with clear results are very shareable, because readers can copy them the same day.

Generate before and after hooks for your change

Give the free hook generator your starting point and where you are now, and choose from a few openers that frame the change.