Lynx

lynx-ui

English

lynx-ui is officially released

UI Components for ReactLynx

Pack the best Lynx for you, one component at a time

Quick Start Components

npm i @lynx-js/lynx-ui

Intuitive and clear APIs

No need to write complex x elements from scratch

Standard component code

<list list-type="single"
      column-count={1}
      vertical-orientation
      android-new-scroll-top
      ios-scroll-emitter-helper
      android-enable-item-prefetch
      ios-fixed-content-offset
      component-init-measure
      android-trigger-sticky-layout
      use-old-sticky={false}
      lower-threshold={20}
      experimental-disable-filter-scroll
      experimental-disable-platform-implementation
      custom-list-name="list-container"
      enable-async-list
      ios-index-as-z-index
      scroll-bar-enable={false}
/>

lynx-ui code

<List listId='listBasic'
      listType='flow'
      spanCount={2}
      scrollOrientation='vertical'
/>

Consistent across multiple platforms

Platform differences are handled at this layer, with battle-tested solutions ensuring long-term consistency.

Built for performant Lynx experiences

We will provide you with the best practices for Lynx APIs.

Forward and backward version compatibility

The advantage of flexible deployment on the front end enables new features and new engine adaptation schemes to run on more platform versions at the first time.

Start building with lynx-ui

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.