Creative Tim UICreative Tim UI

Magazine editorial with a giant letter silhouette and Pretext text wrap - shadcn/ui

Vogue-inspired editorial spread built around a dominant letter 'B'. The letter is rasterized to an OffscreenCanvas at runtime to extract a polygon hull of its exact typographic silhouette. Pretext's layoutNextLine() flows body text line-by-line to the right of the letter, with each line's left boundary carved by the hull so text hugs the letterform. The upper-right quadrant reserves space for a static editorial title ('bauhaus revival') by adding a second blocker interval during the title zone.

Preview

Component Details

ID
magazine-big-letter
Type
Block
Access
Free
Category
Editorial
Published
3 Apr 2026

Files Included

  • app/magazine-big-letter/page.tsx
  • components/creative-tim/blocks/magazine-big-letter.tsx