> Markdown version of [/magazine/724-why-developers-are-so-excited-about-pretext](https://www.wearedevelopers.com/magazine/724-why-developers-are-so-excited-about-pretext). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Why Developers are So Excited About Pretext

**By:** [Daniel Cranney](https://www.wearedevelopers.com/@daniel-cranney)

**Published:** April 8, 2026

[Pretext](https://github.com/chenglou/pretext) is a new JavaScript and TypeScript library from Cheng Lou - previously a React core developer - that crossed 7,000 GitHub stars in three days to get the entire tech world talking recently.

The demos that spread were visually striking: dragons parting text like water, fluid smoke rendered as ASCII, editorial layouts with animated orbs displacing text at 60fps.

Den Odell [made the case](https://denodell.com/blog/youre-looking-at-the-wrong-pretext-demo) that while there were amazing demos floating around - think dragons parting text like water, animating orbs moving around at 60fps and more - these are the least interesting aspects of Pretext.

What Pretext actually does is calculate the height of wrapped text without reading from the DOM. Normally, measuring text forces the browser to pause and recalculate layout — do that across hundreds of elements and performance degrades fast. Pretext uses the canvas `measureText()` API instead, which shares the same font engine but sits entirely outside the layout process. [Simon Willison noted](https://simonwillison.net/2026/Mar/29/pretext/) the library was stress-tested against a full render of _The Great Gatsby_ across multiple browsers, and later extended to lengthy public domain documents in multiple languages, so the growth of the library has been incredible so far.

Nikola Balić [wrote about the development process itself](https://www.nibzard.com/oracles/), saying how the use of Claude Code and Codex suggest some good emerging practices in AI-assisted engineering for larger scale projects.

We will be [keep an eye on Pretext](https://github.com/chenglou/pretext) and we suggest you do too, and be sure to let us know what you think of it.



## Related Articles

- [Dev Digest 104 - Fight for your right to 3rd party](https://www.wearedevelopers.com/magazine/390-dev-digest-104-fight-for-your-right-to-3rd-party)
- [Dev Digest 124 - None like it hot](https://www.wearedevelopers.com/magazine/460-dev-digest-124-none-like-it-hot)
- [Dev Digest 120 - Apple and peers](https://www.wearedevelopers.com/magazine/455-dev-digest-120-apple-and-peers)
- [Dev Digest 122 - Cracks in the polyfill](https://www.wearedevelopers.com/magazine/457-dev-digest-122-cracks-in-the-polyfill)

## Related Videos

- [WeAreDevelopers LIVE - Web Typography; CSS Layout features;  Staying curious in an AI world and more](https://www.wearedevelopers.com/videos/1334-wearedevelopers-live-web-typography-css-layout-features-staying-curious-in-an-ai-world-and-more)
- [Rendering Design Software in the Browser at Penpot](https://www.wearedevelopers.com/videos/1353-rendering-design-software-in-the-browser-at-penpot)
- [WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more](https://www.wearedevelopers.com/videos/1761-wearedevelopers-live-frontend-inspirations-web-standards-and-more)
- [WeAreDevelopers LIVE - CSS or BS?](https://www.wearedevelopers.com/videos/1850-wearedevelopers-live-css-or-bs)

## Related Jobs

- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/646086-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/645320-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/639235-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/643147-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/679408-remote-senior-full-stack-engineer) at **Edge Impulse**
- [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/643342-remote-senior-full-stack-engineer) at **Edge Impulse**