Sound / audio UX
01
Endel
02
djay
03
NTS Radio
Fashion commerce
01
Farfetch
02
Lyst
03
ModeSens
04
SSENSE
05
ZOZOTOWN
Designer furniture
01
Design Within Reach
02
Chairish
03
1stDibs
Liquid Glass / native
01
Apple Landmarks (Liquid Glass)
High captureliquid glassnativeofficial sample
Apple Landmarks (Liquid Glass)
Apple公式のサンプルコードで、system-provided / custom Liquid Glassを使ってアプリ体験を構築する正攻法。本物のLiquid Glass挙動の唯一の一次情報源。
- Forkする単位: glassEffect(_:in:)の使い方、ツールバー/ナビ/シートの質感、背後コンテンツとの関係と入力反応。
- Noirへの取り込み: WebのCSS近似トークンを、将来SwiftUIネイティブへ置換する時の正解の基準にする。逆コンパイルは禁止、公式APIに乗せる。
02
CrossX (jtvargas/crosspoint-app)
Medium captureliquid glassMITswiftui
CrossX (jtvargas/crosspoint-app)
READMEにMIT license / native SwiftUI / iOS26・macOS26 の .glassEffect() 採用と明記され、clone/build手順もある実アプリ。合法にforkできる数少ないLiquid Glass実装例。
- Forkする単位: 実プロダクトでの .glassEffect() 適用パターン、SwiftData/App Intents連携の構成。
- Noirへの取り込み: Noirをネイティブ化する段階で、MITの実装例として参照する。Apple公式サンプルと併読する。
03
Expo GlassEffect / Callstack liquid-glass
Medium captureliquid glassexporeact native
Expo GlassEffect / Callstack liquid-glass
Expo公式のGlassViewはiOSネイティブのglass effectをレンダリングすると明記。Callstackのliquid-glassもMITでiOS26 Liquid Glassを持ち込むRNライブラリ。
- Forkする単位: React Native/ExpoからiOSネイティブglass effectをブリッジする方法とフォールバック設計。
- Noirへの取り込み: Web→PWA→React Native/Expoへ移行する想定の橋渡し。iOSは本物、Androidは近似のfallbackと割り切る。
AI commerce / UX criteria
01
ChatGPT Commerce / ACP
High captureai commercefeedbackend
ChatGPT Commerce / ACP
OpenAIのcommerce specsでproduct feedとcheckout sessionsが定義されている。Noir backendのProduct/Offer/Feed設計に直結する。
- Forkする単位: 商品Feed、eligibility、checkout session、merchant checkout handoff。
- Noirへの取り込み: NoirのAI引用/AI購買対応のバックエンド参照。UIではなくデータ構造を借りる。
02
Baymard Mobile Ecommerce UX