# 20 Before and After Hooks for X (Twitter) Posts

Source: https://trygrowx.app/hooks/before-after (updated 2026-11-04)

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](https://trygrowx.app/templates/before-after) and [milestone posts](https://trygrowx.app/templates/milestone).

## 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](https://trygrowx.app/tools/hook-generator) your starting point and where you are now, and choose from a few openers that frame the change.