> Markdown version of [/videos/1445-lynx-native-for-more?t=1253](https://www.wearedevelopers.com/videos/1445-lynx-native-for-more?t=1253). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Lynx: Native for More

TikTok's production-ready UI framework, Lynx, eliminates single-thread bottlenecks. Write standard JavaScript and CSS to render buttery-smooth, truly native mobile primitives without the sluggishness of web-view wrappers.

- **Speakers:** [Xuan Huang](https://www.wearedevelopers.com/@xuan-huang)
- **Event:** World Congress 2025
- **Published:** August 20, 2025
- **Duration:** 31:14
- **URL:** https://www.wearedevelopers.com/videos/1445-lynx-native-for-more

## Summary

Lynx emerges as TikTok's production-ready, multithreaded native UI framework designed to bridge the relevance gap defined by the Platform Adjacency Theory. While web browsers offer unparalleled scale and deployment velocity, they have historically struggled to deliver truly native user experiences and frequently bottleneck on single-threaded architectures. Lynx solves this inherent limitation by allowing developers to write familiar JavaScript and standard CSS while outputting directly to native UI primitives like iOS UIKit and Android View, completely eliminating the sluggishness of traditional web-view wrappers or bridge-heavy frameworks.

The framework's core innovation lies in its dual JavaScript runtime architecture. By natively enforcing an "After Main Thread" pattern—a concept historically advocated for the web but rarely adopted—Lynx splits computational workloads right at the structural level. The Main Thread Script (MTS) exclusively handles high-priority visual tasks like gesture-driven animations and instant first-frame rendering utilizing pre-compiled bytecode. Simultaneously, the Background Thread Script (BTS) manages state synchronization, side effects, and application logic. This deliberate separation prevents the UI from dropping frames during intensive processing, ensuring buttery-smooth interactivity for complex UI patterns, such as multi-column waterfall layouts, without leaning on heavy DOM or JavaScript recalculations.

Beyond raw performance, Lynx intentionally preserves the open web ecosystem to empower existing developer workflows. Because it provides native support for CSS variables, advanced selectors, and animation keyframes, engineering teams can seamlessly drop popular web tooling like Tailwind CSS, PostCSS, and Framer Motion directly into native mobile applications. Having already powered TikTok's massive e-commerce and live-stream features, the upcoming open-source release of the wider Lynx UI framework aims to aggressively democratize cross-platform development, extending integrations beyond React to communities building in Vue, Svelte, and beyond.

**Keywords:** lynx UI framework, react native alternatives, platform adjacency theory, cross-platform app development, main thread scripting, multithreaded javascript runtimes, native UI primitives, after main thread pattern, native CSS rendering, frontend performance optimization, tiktok engineering architecture, tailwind CSS mobile integration, javascript bytecode pre-compilation, UI thread synchronization

## Chapters

1. **Introduction to the Lynx cross-platform UI framework** (00:04) — Addressing codebase fragmentation by deploying a single framework that renders natively across mobile and web environments.
1. **Leveraging existing web knowledge for developer experience** (04:02) — Reducing the learning curve by utilizing familiar React hooks and standard CSS variables to style native user interfaces.
1. **Balancing scale and velocity with platform adjacency theory** (07:29) — Overcoming the limitations of web wrappers by mapping directly to native operating system features for seamless user experiences.
1. **Accessing native primitives for advanced layouts and APIs** (11:07) — Eliminating heavy JavaScript layout calculations by mapping declarative elements directly to underlying platform rendering systems.
1. **Enhancing loading speeds with a dual-thread architecture** (14:33) — Solving sluggish initial load times by utilizing pre-compiled bytecode and delegating logic to background worker threads.
1. **Synchronizing interactivity with main thread scripting capabilities** (18:19) — Preventing visual lag during drag and scroll events by running localized JavaScript directly on the UI composite thread.
1. **Enforcing performant threading models at the framework level** (20:53) — Avoiding main thread blockages by offloading complex state management tasks to default background scripting environments.
1. **Integrating standard CSS tooling and external animation cores** (24:50) — Integrating existing design workflows by natively supporting standard utility classes, theme generators, and imperative web motion libraries.
1. **Democratizing cross-platform development with alternative JavaScript frameworks** (28:22) — Expanding accessibility beyond React by adapting the underlying engine to diverse language ecosystems like Vue and Svelte.

## Related Moments

- [Tracking open source community trends in JavaScript native frameworks](https://www.wearedevelopers.com/videos/1288-wearedevelopers-live-scammer-payback-with-python-grok-goes-unhinged-the-future-of-chromium-and-mo) (from "WeAreDevelopers LIVE: Scammer Payback with Python, Grok Goes Unhinged, The Future of Chromium and mo")
- [Architecture and performance optimizations in React Native](https://www.wearedevelopers.com/videos/1466-building-better-apps-with-react-native) (from "Building Better Apps with React Native")
- [Betting on native web platform features over JavaScript](https://www.wearedevelopers.com/videos/903-catching-up-on-the-basics-you-don-t-really-need-that-much-code) (from "Catching up on the basics you don't really need that much code")
- [Transitioning native desktop graphics implementations to the web](https://www.wearedevelopers.com/videos/1794-wearedevelopers-live-from-javascript-to-webassembly-high-performance-charting-and-more) (from "WeAreDevelopers LIVE – From JavaScript to WebAssembly, High-Performance Charting and More")
- [Shifting interactive components to native web platform features](https://www.wearedevelopers.com/videos/285-the-lean-web) (from "The Lean Web")
- [Expanding platform reach with cross-platform frameworks](https://www.wearedevelopers.com/videos/1182-optimization-of-mobile-development-strategies-for-maximum-business-impact) (from "Optimization of Mobile Development Strategies for Maximum Business Impact")

## Related Articles

- [Native Web Apps: Are We There Yet?](https://www.wearedevelopers.com/magazine/83-native-web-apps-are-we-there-yet)
- [Web Development Best Practices: What The Data Tells us](https://www.wearedevelopers.com/magazine/84-web-development-best-practices-what-the-data-tells-us)
- [Is HTMX Worth Learning in 2025?](https://www.wearedevelopers.com/magazine/537-is-htmx-worth-learning-in-2025)
- [The Best JavaScript Framework to Learn](https://www.wearedevelopers.com/magazine/229-the-best-javascript-framework-to-learn)

## Related Jobs

- [Junior Frontend Engineer](https://www.wearedevelopers.com/jobs/ext/1532351-junior-frontend-engineer) at **Almedia**
- [Senior React Native Developer](https://www.wearedevelopers.com/jobs/ext/1518176-senior-react-native-developer) at **Almedia**
- [Agile Full Stack Engineer](https://www.wearedevelopers.com/jobs/48325-agile-full-stack-engineer) at **synava GmbH**
- [Staff Frontend Engineer](https://www.wearedevelopers.com/jobs/48313-staff-frontend-engineer) at **SMG Swiss Marketplace Group**
- [iOS Engineer, Swift/SwiftUI/Combine (B2C Broker)](https://www.wearedevelopers.com/jobs/ext/1611832-ios-engineer-swift-swiftui-combine-b2c-broker) at **Bitpanda**
- [React Engineer for Next.js UI - Hybrid, Impactful FinTech](https://www.wearedevelopers.com/jobs/ext/1444505-react-engineer-for-next-js-ui-hybrid-impactful-fintech) at **Bitpanda**