Live preview, running the exact code the prompt carries

Chips and filtersScreen Expo Go readyFree

Filter Chips

A scrolling filter row with multi-select chips that grow to fit a check as they turn on, result counts, a disabled state, a sort chip and a clear-all that appears only when it has work to do.

Paste into Claude Code, Cursor or Windsurf. It builds this screen 1:1 in your app.

What ships

Files
2 files
Dependencies
@expo-google-fonts/inter, phosphor-react-native, react-native-reanimated, react-native-safe-area-context
Fonts
@expo-google-fonts/inter
Compatibility
Expo SDK 52+, runs in Expo Go
Updated
2026-09-05

The rule this design follows

It ships exactly as previewed: same colors, same type, same copy, same motion. The prompt tells your agent not to adapt it to your existing theme. Re-theming afterwards is a one-line ask, but it is yours to make, not ours to guess.

More chips and filters

View category