- 每月造訪次數
- 10.7K
- 下降48.9%較上月2026 年 10 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- $66.58/月
- 高於同類 52% 的產品同類中位數 $54.5/月
- 首次發布
- 2 年前
- 2024-09-18 · 估算
訪問
行銷動作
發布、搜尋與內容、引薦、促銷X 帳號@nativewindui
在 Show HN 發布（16 分 · 5 評論）發布
NativeWindUI – Native Feeling TailwindUI for React Native — Hey HN! We're Zach and Dan, and today we're excited to introduce NativeWindUI, a UI library that helps you build beautiful apps for all na…
2024 年 9 月 18 日 · 2 年前發布頁
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案Show HN
2024-09-18查看原文
- 創作者原帖摘錄：
- Hey HN! We're Zach and Dan, and today we're excited to introduce NativeWindUI, a UI library that helps you build beautiful apps for all native platforms through the power of Tailwind CSS and React Native. With this familiar set of tools, you can now easily deliver a great experience that feels native to each platform. As developers, we've always been frustra
開源倉庫與自部署
GitHub 開源與智慧體接入
流量來源
2026 年 10 月
訪問構成
管道
- 直接訪問40%
- 自然搜尋35%
- 外部引薦10%
- 社交媒體6%
- 其他10%
國家/地區
- 印度31%
- 美國22%
- 印尼21%
- 巴基斯坦9%
- 土耳其7%
搜尋
站點權重 —網域名稱註冊 2022-12-30
| 關鍵字 | 月搜尋量 |
|---|---|
| nativewind | 8,020 |
| native ui | 2,430 |
| native wind | 1,640 |
| expo-action-sheet | 100 |
| nativewindui | 10 |
流量資料：Vaneform
定價
頁面與變化
開始記錄於 2026-07-31
關鍵頁面
每週快照nativewindui.com/ 快照 2026-11-04
變化
開始記錄以來，定價、方案與定位都沒有變化。
設計
首屏畫面視覺分析與 :root CSS
淺藍紫至暖粉的柔和漸層襯托深色無襯線大標題，周圍懸浮半透明元件卡片，藍色膠囊按鈕與底部品牌標誌增強層次。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“Native feeling UI with Tailwind CSS”
頂部橫向導航置於頁面上方，主標題與說明、雙按鈕居中排列，半透明元件卡片環繞四周，客戶標誌列貼近底邊。
首屏畫面轉化路徑：居中標題加按鈕 + 產品介面截圖或元件示意 → 免費開始 / 立即註冊 · 配合客戶或媒體標誌牆建立信任
色板 · 點擊複製
五維設計評分7.9 / 10
- 字體與排版
- 8.0
- 色彩與對比
- 8.0
- 構圖與留白
- 8.0
- 細節與工藝
- 8.0
- 風格辨識度
- 7.0
結構
- 字體
- Inter
- 首屏畫面版式
- 居中標題加按鈕
- 主視覺
- 產品介面截圖或元件示意
- 轉化動作
- 免費開始 / 立即註冊
- 信任背書
- 客戶或媒體標誌牆
- 導航
- 頂部通欄導航
- 明暗與密度
- 淺色 · 適中
- 圓角與層級
- 大圓角 · 有陰影
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：漸層光暈（兼備柔和友好）
深色或淺色底上的彩色光暈與半透明玻璃面板，多見於 AI 產品。
## 設計參數
```css
:root {
--background: #f5f4fb;
--surface: #e8e3ef;
--foreground: #20283a;
--muted-foreground: #777c8a;
--accent: #3976e8;
--radius: 16px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #F5F4FB（約 62%） · 面板 #E8E3EF（約 17%） · 正文 #20283A（約 10%） · 次要文字 #777C8A（約 7%） · 強調 #3976E8（約 4%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：居中標題加按鈕
- 導航結構：頂部通欄導航
- 明暗與密度：淺色 · 適中
- 圓角與層級：大圓角；用陰影區分層級
- 主視覺載體：產品介面截圖或元件示意
- 轉化動作：免費開始 / 立即註冊 · 信任背書採用客戶或媒體標誌牆
- 標題切入點：品類定位錨點
- 首屏畫面元件特徵：懸浮多卡片、客戶標誌牆、資料指標欄
- 空間布局拆解：頂部橫向導航置於頁面上方，主標題與說明、雙按鈕居中排列，半透明元件卡片環繞四周，客戶標誌列貼近底邊。
- 視覺特徵總結：淺藍紫至暖粉的柔和漸層襯托深色無襯線大標題，周圍懸浮半透明元件卡片，藍色膠囊按鈕與底部品牌標誌增強層次。
## 避免
- 純平面色塊
- 襯線正文
- Cluttered dense tables in the hero
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
- NativeWindUI 的價格是多少？
- Quarterly: $99/quarter; Lifetime: $299/一次; Team: $799/年（按年付）. 觀察於 2026-11-04。 當前計費條件、用量限制與稅費以來源頁面為准。來源
- NativeWindUI 的網站造訪次數是多少？
- Vaneform 估算 2026-10 網站造訪次數為 10.7K。造訪次數包含重複訪問，付費客戶數與收入需分別查看對應證據。來源
- NativeWindUI 是什麼產品，支援哪些平台？
- NativeWindUI 歸屬「啓動範本與元件」市場領域：為開發者提供適配 iOS 和 Android 的 React Native 元件與應用範本，幫助他們快速構建原生體驗的行動應用。。 支援平台包括：僅網頁。
- NativeWindUI 是開源專案嗎？採用什麼協議？
- NativeWindUI 擁有公開程式碼倉庫（https://github.com/roninoss/nativewindui），已公開原始碼倉庫，記錄有 268 個 GitHub Stars。來源
同分類研究對象
軟體開發 / 啓動範本與元件
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。