Lynx

Lynx UI

English

lynx-ui v3 is officially released

UI Components for Lynx

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
      style={{ width: '100vw', height: '500px' }}
      listId='listBasic'
      listType='flow'
      spanCount={2}
      scrollOrientation='vertical'/>

Consistent across multiple platforms

Smoothed out platform differencesat at this layer. Accumulating multi-platform solutions refined through historical experience, providing long-term consistency assurance.

We provide a top-notch performance experience of Lynx

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

Get Started

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.