- 每月造訪次數
- 19.1K
- 下降28.2%較上月2026 年 10 月
- 公開營收
- 未公開
- 暫無公開營收證據
- 入門價
- $20/月
- 高於同類 86% 的產品同類中位數 $9/月
- 首次發布
- 3 年前
- 2023-07-27 · 估算
訪問
行銷動作
發布、搜尋與內容、引薦、促銷X 帳號@latent_cat
在 Show HN 發布（401 分 · 79 評論）發布
qrframe – generate beautiful qr codes with javascript code — I originally built a QR code generator as a resume project using Rust and I realized a web interface would make customization way easier.…
2024 年 9 月 30 日 · 2 年前發布頁
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案Show HN
2024-09-30查看原文
- 創作者原帖摘錄：
- I originally built a QR code generator as a resume project using Rust and I realized a web interface would make customization way easier. This still generates the "data" using that rust library via wasm, but the rendering is all editable javascript to make an SVG or paint on an HTML canvas. I was especially inspired by https://qrbtf.com which had some unique
開源倉庫與自部署
GitHub 開源與智慧體接入
流量來源
2026 年 10 月
訪問構成
管道
- 直接訪問59%
- 自然搜尋20%
- 外部引薦7%
- AI 助手6%
- 其他8%
國家/地區
- 中國78%
- 西班牙6%
- 美國5%
- 印度4%
- 法國4%
搜尋
站點權重 —網域名稱註冊 2020-04-29
| 關鍵字 | 月搜尋量 |
|---|---|
| qr code ai | 1,640 |
| ai qr code generator | 1,020 |
| qrcodegenerator.ai | 580 |
| qrbtf | 80 |
| ai qrcode | 30 |
流量資料：Vaneform
定價
頁面與變化
開始記錄於 2026-07-31
關鍵頁面
每週快照qrbtf.com/en 快照 2026-11-04
設計
首屏畫面視覺分析與 :root CSS
白底搭配黑色 QRBTF 字標與生成按鈕，Inter 風格無襯線文字層級清晰；圓角樣式預覽卡和QR Code示例構成工具主視覺。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“AI & Parametric QR code generator.”
頂部導航靠右，主工具從左側標題與 URL 輸入開始；樣式卡片橫向排列，下方分欄放置提示詞控件與QR Code輸出區。
首屏畫面轉化路徑：全螢幕畫布、影片或 3D 場景疊標題 + 產品介面截圖或元件示意 → 首屏畫面直接輸入或試用 · 配合使用者頭像疊放與評語建立信任
- 品類定位錨點
- 首屏畫面大幅產品介面
- 首屏畫面可互動工具
- 懸浮多卡片
色板 · 點擊複製
五維設計評分7.2 / 10
- 字體與排版
- 7.0
- 色彩與對比
- 7.0
- 構圖與留白
- 8.0
- 細節與工藝
- 7.0
- 風格辨識度
- 7.0
結構
- 字體
- Inter
- 首屏畫面版式
- 全螢幕畫布、影片或 3D 場景疊標題
- 主視覺
- 產品介面截圖或元件示意
- 轉化動作
- 首屏畫面直接輸入或試用
- 信任背書
- 使用者頭像疊放與評語
- 導航
- 頂部通欄導航
- 明暗與密度
- 淺色 · 適中
- 圓角與層級
- 中圓角 · 細線分層
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：極簡單色
黑白灰加一個強調色，細線分隔，大量留白，靠字號與字重分層級。
## 設計參數
```css
:root {
--background: #ffffff;
--surface: #f6f6f6;
--foreground: #171717;
--muted-foreground: #777777;
--accent: #111111;
--radius: 8px;
--font-heading: "Inter", ui-sans-serif, system-ui, sans-serif;
--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #FFFFFF（約 84%） · 面板 #F6F6F6（約 8%） · 正文 #171717（約 4%） · 次要文字 #777777（約 3%） · 強調 #111111（約 1%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：全螢幕畫布、影片或 3D 場景疊標題
- 導航結構：頂部通欄導航
- 明暗與密度：淺色 · 適中
- 圓角與層級：中圓角；不用陰影，用細線與留白區分層級
- 主視覺載體：產品介面截圖或元件示意
- 轉化動作：首屏畫面直接輸入或試用 · 信任背書採用使用者頭像疊放與評語
- 標題切入點：品類定位錨點
- 首屏畫面元件特徵：首屏畫面大幅產品介面、首屏畫面可互動工具、懸浮多卡片
- 空間布局拆解：頂部導航靠右，主工具從左側標題與 URL 輸入開始；樣式卡片橫向排列，下方分欄放置提示詞控件與QR Code輸出區。
- 視覺特徵總結：白底搭配黑色 QRBTF 字標與生成按鈕，Inter 風格無襯線文字層級清晰；圓角樣式預覽卡和QR Code示例構成工具主視覺。
## 避免
- 多種強調色並用
- 漸層背景
- 重陰影
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
- QRBTF 的價格是多少？
- Trial: $0; Pro: $20/月; Free: $0. 觀察於 2026-11-04。 當前計費條件、用量限制與稅費以來源頁面為准。來源
- QRBTF 的網站造訪次數是多少？
- Vaneform 估算 2026-10 網站造訪次數為 19.1K。造訪次數包含重複訪問，付費客戶數與收入需分別查看對應證據。來源
- QRBTF 是什麼產品，支援哪些平台？
- QRBTF 歸屬「短網址與QR Code」市場領域：用於生成 AI 和參數化QR Code的網頁工具。。 支援平台包括：僅網頁。
- QRBTF 是開源專案嗎？採用什麼協議？
- QRBTF 擁有公開程式碼倉庫（https://github.com/zhengkyl/qrframe），已公開原始碼倉庫，記錄有 617 個 GitHub Stars。來源
同分類研究對象
實用工具 / 短網址與QR Code
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。