fluidtabs.

Examples

Try the X, Instagram, and Lab demos with collapsing headers and swipeable tabs.

INTERACTIVE WEB EXAMPLE

Try the demos

Open X, Instagram, or the Lab from the home screen. Each demo runs on React Native Web.

  1. 01
    Choose an example

    X shows a social profile, Instagram shows a photo grid, and the Lab provides configuration controls.

  2. 02
    Scroll

    Scroll the list to collapse the header while the tab bar stays visible.

  3. 03
    Switch tabs

    Tap a tab or swipe horizontally to change pages.

Build this Open web demo

This example runs on React Native Web. Native refresh indicators and device frame pacing are platform-specific; test those on iOS and Android. Read the web notes.

Headers ↗

Configure collapsing and pinned headers.

List adapters ↗

Use FlatList, ScrollView, LegendList, or FlashList.

Pull to refresh ↗

Configure native pull-to-refresh behavior.