Editorial Reveal

Editorial Reveal
Editorial Reveal

About Editorial Reveal

Most reveal-text components break lines the way English breaks them: at spaces. Japanese and Chinese have no spaces, so the browser breaks wherever the box runs out of room, and a phrase splits in half — 東京都の家賃 / は高すぎる.

Editorial Reveal breaks CJK lines at phrase boundaries instead, then raises each line from below with a soft blur. Latin text is left alone and keeps normal word wrapping.

Phrase-aware line breaking for Japanese and Chinese. No dictionary, no network request.

Line-by-line rise, with duration, delay, stagger, rise distance and blur as controls.

Plays once on enter, or every time the text re-enters the viewport.

Font, colour, alignment and line height are ordinary Framer controls.

Zero dependencies. Nothing is loaded from outside your site.

Built by KHZ ART, a Tokyo studio that sets Japanese type on the web.

From KHZ ART

Vertical Type
Line Balance
Headline Scramble
Split Index

Related Components

Melty Gooey Text
Loop Shiny Text
Editorial Type Arc
Video on Hover