[{"_1":2,"_82":-5,"_83":-5},"loaderData",{"_3":4,"_6":7},"root",{"_5":-5},"user","routes/tag.$slug",{"_8":9,"_71":72,"_79":74,"_80":62,"_81":63},"posts",[10],{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":-5,"_36":37,"_38":39,"_49":50,"_64":65,"_66":67,"_68":69,"_70":32},"documentId","a76igosr1otvcitmlu44ys5m","title","Lynx: ByteDance's UI Framework Goes Open Source","slug","lynx-bytedances-ui-framework-goes-open-source","excerpt","Lynx, a cross-platform UI framework developed by ByteDance, was made open-source by its development team on March 5.","content","\n

Lynx, a cross-platform UI framework developed by ByteDance, was made open-source by its development team on March 5. The framework aims to help web developers leverage their existing skills to build native interfaces for both mobile and web platforms simultaneously. Already deployed in applications like TikTok, the framework boasts high-performance capabilities, a multi-functional rendering engine, and a modern Rust-based toolchain.

\n\n\n\n

The framework embraces familiar web development paradigms, supporting CSS animations, selectors, and variables to ensure flexible and modern interface customization. Its most distinctive architectural decision involves splitting user scripts across two independent runtimes:

\n\n\n\n

A main thread runtime driven by the PrimJS engine, handling high-priority events
A background runtime ensuring low-load and non-blocking main thread operations

\n\n\n\n

Lynx has two performance highlights:

\n\n\n\n

Instant First-Frame Rendering (IFR): By briefly blocking the main thread, Lynx ensures the first frame is completely rendered, providing an immediate response user experience.
Main Thread Script (MTS): A static-scheduled code segment handling high-priority events and gestures, enabling native-like interaction feel.

\n\n\n\n

Originally developed by ByteDance's engineering team, Lynx has received significant support from TikTok. The platform has backed the framework's open-source release, providing financial, technical, and community support.

\n\n\n\n

The framework is particularly suited for diverse, rich-interaction scenarios, offering web developers a powerful tool to create cross-platform interfaces with a single codebase.

\n","publishedDate","2025-03-05T20:53:43.000Z","featured",false,"viewCount",0,"readingTime",2,"status","draft","language","en","originalWordPressId",168856,"featuredImage","featuredImageUrl","https://assets.pandaily.com/uploads/2025/03/lynx.png","categories",[40],{"_11":41,"_42":43,"_15":44,"_45":46,"_47":48},"g4fec3qxgdgpnifg4f4r7n0q","name","Industry","industry","color","#000000","description","","tags",[51,56,60],{"_11":52,"_42":53,"_15":54,"_45":55,"_47":48},"bt38f0vtndxdv4n1mooggjhw","Bytedance","bytedance","#6366f1",{"_11":57,"_42":58,"_15":59,"_45":55,"_47":48},"no1yrefkwemw9gr9h4dwgex1","Technologies","technologies",{"_11":61,"_42":62,"_15":63,"_45":55,"_47":48},"udgh4uxa5eyc9eckue0u3bfb","Lynx","lynx","createdAt","2025-06-24T22:14:17.652Z","updatedAt","2025-06-24T23:47:14.122Z","publishedAt","2025-06-24T23:47:14.150Z","locale","pagination",{"_73":74,"_75":76,"_77":74,"_78":74},"page",1,"pageSize",12,"pageCount","total","currentPage","tag","tagSlug","actionData","errors"]

Tag: #Lynx

Lynx: ByteDance's UI Framework Goes Open Source