From cd2e63a55097c97c371ace745eb74db4405b5305 Mon Sep 17 00:00:00 2001 From: zhixuan <201550585+icecreamx10@users.noreply.github.com> Date: Fri, 27 Mar 2026 14:42:58 +0800 Subject: [PATCH 01/32] feature: 3.7 release blog Change-Id: If01dcd787850ad71bf400c88fa6e246948f543d5 --- docs/en/blog/lynx-3-7.mdx | 159 ++++++++++++++++++++++++++++++++++++++ docs/zh/blog/lynx-3-7.mdx | 157 +++++++++++++++++++++++++++++++++++++ 2 files changed, 316 insertions(+) create mode 100644 docs/en/blog/lynx-3-7.mdx create mode 100644 docs/zh/blog/lynx-3-7.mdx diff --git a/docs/en/blog/lynx-3-7.mdx b/docs/en/blog/lynx-3-7.mdx new file mode 100644 index 000000000..e7fd12d5c --- /dev/null +++ b/docs/en/blog/lynx-3-7.mdx @@ -0,0 +1,159 @@ +--- +title: 'Lynx 3.7: Desktop Support' +date: 2026-03-28 +sidebar: false +authors: ['lynx'] +badge_text: 'Lynx 3.7 is released!' +description: 'Lynx 3.7 is now officially released! This release brings official desktop platform support for macOS and Windows. The full Lynx rendering engine — including 97% CSS property coverage, Flexbox, Grid, Linear Layout, animations, transitions, transforms, and filters — now runs natively on desktop. Alongside the rendering parity, Lynx 3.7 introduces desktop-specific capabilities including mouse events and window title bar customization.' +--- + +import { BlogHeader, CodeFold } from '@lynx'; +import { PackageManagerTabs } from '@theme'; +import { Go, Badge, Experimental, YouTubeIframe } from '@lynx'; +import { Tab, Tabs } from '@rspress/core/theme'; + + + +Lynx 3.7 is now officially released! + +This release brings official desktop platform support for **macOS** and **Windows**. The full Lynx rendering engine — including 97% CSS property coverage, Flexbox, Grid, Linear Layout, animations, transitions, transforms, and filters — now runs natively on desktop. Alongside the rendering parity, Lynx 3.7 introduces desktop-specific capabilities including mouse events and window title bar customization. + +Let's take a closer look at what's new in Lynx 3.7. + +## Desktop Support: macOS and Windows + +We [previously planned](/blog/lynx-open-source-roadmap-2025.html) to open source desktop support in Lynx 3.5, and [later decided](/blog/lynx-3-5.html#one-more-thing-desktop-support-preview) to go further and open source the full desktop stack. With Lynx 3.7, that vision is now a reality. + +Lynx officially supports **macOS** and **Windows** as first-class platforms. You can now build and render Lynx views inside native desktop applications, using the same front-end stack and tooling you already use for mobile and web. + +### Full Rendering Engine on Desktop + +The same rendering engine that powers Lynx on mobile is now available on macOS and Windows, with near-complete feature parity. + +**CSS: 97% property coverage.** Out of 319 CSS properties supported by Lynx, 311 are available on desktop: + +**Layout** — [Flexbox](/api/css/properties/display#flex), [Grid](/api/css/properties/display#grid), and Lynx's [Linear Layout](/api/css/properties/display#linear) all work on desktop. The full box model (`margin`, `padding`, `width`/`height`, `min-*`/`max-*`, `box-sizing`, `aspect-ratio`), positioning (`position`, `top`/`right`/`bottom`/`left`, `z-index`), and Lynx's [relative positioning](/api/css/properties/relative-id) system are all supported. + +**Typography** — `font-family`, `font-size`, `font-weight`, `font-style`, `font-feature-settings`, `font-variation-settings`, `text-align`, `text-decoration`, `text-shadow`, `text-overflow`, `letter-spacing`, `line-height`, `text-stroke`, `vertical-align`, and `word-break`. + +**Visual & Styling** — Borders and `border-radius`, `box-shadow`, `opacity`, `overflow`, `clip-path`, `mask`, and `mask-image`. Colors and backgrounds including `background-color`/`image`/`size`/`position`, and gradient functions (`linear-gradient()`, `radial-gradient()`, `conic-gradient()`). [`filter`](/api/css/properties/filter) with `blur`, `brightness`, `contrast`, `grayscale`, `hue-rotate`, `invert`, `saturate`, `sepia`, and `drop-shadow`. + +**Animation** — Full `animation` and `transition` shorthand and individual properties, including `@keyframes`. `transform` and `transform-origin` supporting `translateX/Y/Z`, `scaleX/Y/Z`, `rotate`, `skew`, and `perspective`. + +Full support for [CSS custom properties](/api/css/properties/css-variable), including inline and nested variables introduced in Lynx 3.6. + +**Elements: 73% attribute coverage.** 179 out of 246 element attributes are available on desktop. macOS and Windows have identical element support with no platform-specific divergence. + +**Fully supported** — all attributes available on desktop: + +| Category | Elements | +| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| Basic | [``](/api/elements/built-in/view), [``](/api/elements/built-in/text), [``](/api/elements/built-in/text), [``](/api/elements/built-in/text) | +| Input | [``](/api/elements/built-in/input), [`