Magazine article with Pretext-powered text wrap around a floated image - shadcn/ui
Magazine-style article block using Pretext's layoutNextLine() to route body text line-by-line around a right-floated photograph. Each line's available width narrows while in the image zone and returns to full column width below it, achieving true text-wrap with pixel-perfect canvas-measured typography.
Preview
Component Details
- ID
- magazine-text-wrap
- Type
- Block
- Access
- Free
- Category
- Editorial
- Published
- 3 Apr 2026
Files Included
- app/magazine-text-wrap/page.tsx
- components/creative-tim/blocks/magazine-text-wrap.tsx
Explore More Blocks
DropdownProfessional dropdown menu and filter components for React and Next.js. Build priority filters, status filters, checkbox filters, range selectors, searchable filters, and tabbed filter menus for advanced data filtering.
StatsProfessional statistics and metrics components for React and Next.js. Build data showcases, KPI dashboards, achievement displays, growth metrics, and performance indicators with customizable layouts and dark theme variations.
ContactProfessional contact form components and section layouts for React and Next.js. Build contact pages, feedback forms, support sections, and communication interfaces.
TestimonialsProfessional testimonial and social proof components for React and Next.js. Build customer reviews, ratings, case studies, and trust-building sections.
Web3 CardsModern Web3 and blockchain card components for React and Next.js. Build wallet connection cards, NFT displays, token interfaces, and decentralized application card layouts.
LogoProfessional brand logo showcase components for React and Next.js. Build trust sections, partner displays, client logos, and company ecosystem layouts with various styles and configurations.
SidebarProfessional sidebar navigation and menu components for React and Next.js. Build dashboard sidebars, app navigation, crypto wallets, calendar views, task managers, and feature-rich sidebar layouts with customizable content.
MaintenanceProfessional maintenance and downtime page components for React and Next.js. Build scheduled maintenance notifications, system upgrade messages, and under construction pages with email notifications and social links.