Workflow
Bad Apple新版MV
icon
Search documents
前端大神Cheng Lou新项目火了!「文字绕图」玩法炸裂,Bad Apple新版火出圈
机器之心· 2026-03-30 06:52
Core Viewpoint - The article discusses the recent popularity of the open-source project Pretext, a text layout library developed by Cheng Lou, which significantly enhances text rendering on the web without manipulating the DOM, achieving speeds hundreds of times faster than traditional methods [3][10]. Group 1: Project Overview - Pretext is a JavaScript/TypeScript library that allows for rapid and precise text measurement and layout, redefining how text is rendered on web pages [3][10]. - The project has gained significant traction, with over 12.6k stars on GitHub shortly after its release, indicating strong community interest and engagement [10][11]. - Cheng Lou, a core member of the React team and currently working at Midjourney, emphasizes the project's potential as a foundational infrastructure for UI engineering in the coming years [6][9]. Group 2: Technical Innovations - Pretext addresses a major bottleneck in UI design related to text layout and measurement, particularly relevant in the AI era, allowing for more creative and functional user interfaces [17]. - The library operates by splitting input text into segments and measuring them on a canvas, caching results to optimize performance, which is a departure from traditional methods that require rendering text first [18]. - The project is lightweight, only a few kilobytes in size, and supports various languages and character sets, making it versatile for different applications [17]. Group 3: Comparison and Value Proposition - Unlike Apple's closed applications like Pages and Keynote, Pretext is an open-source solution that works across multiple browsers, providing a high-performance dynamic layout that was previously unattainable with CSS [22]. - Cheng Lou encourages the community to recognize the broader potential of the technology rather than focusing solely on its immediate applications, advocating for an open-minded approach to technological advancements [24].