Glyph Seam
A torn edge of letters between a light and a dark section.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- height
- cell
- text
- from
- to
- travel
- variant
What it does
Glyph Seam is a page transition ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called glyph tear, pixel seam or torn section divider.
Where a light section meets a dark one, the border breaks into a ragged band of pixel steps, specks and tiny letters that keep changing. The edge slides as the page scrolls. With reduced motion it holds still.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.