- 每月造訪次數
- 21.3K
- 下降9.7%較上月2026 年 8 月
- 入門價
- $59/月
- 高於同類 85% 的產品同類中位數 $13.5/月
- 首次發布
- 5 年前
- 2021-02-04 · 估算
訪問與收入
- 2026 年 10 月$1,050自述 MRR · 未經驗證
營收佐證
公開披露與已驗證的收入數字，按數字日期行銷動作
發布、搜尋與內容、引薦、促銷在 IndiePage 發布（1 票）發布
Dev Resources — A collection of resources for developers
2023 年 4 月 18 日 · 3 年前發布頁
在 Show HN 發布（2 分）發布
I built a collaborative list of resources for developers — Hi everyone! I'm excited to share with you what I've been creating, but let me start by explaining how Dev Resources came to be. DR starte…
2021 年 2 月 4 日 · 5 年前發布頁
第三方評測與案例拆解
客戶來源管道拆解、工程師評測與開源檔案Show HN
2021-02-04查看原文
- 創作者原帖摘錄：
- Hi everyone! I'm excited to share with you what I've been creating, but let me start by explaining how Dev Resources came to be. DR started as my personal compilation of resources for development. After a few years of (messy) bookmarking, I decided it was time to put everything in one place, categorized and most importantly, available for everyone. Since its
開源倉庫與自部署
GitHub 開源與智慧體接入
流量來源
2026 年 8 月
訪問構成
管道
- 直接訪問40%
- 自然搜尋34%
- 外部引薦10%
- 社交媒體6%
- 其他9%
國家/地區
- 美國22%
- 印度14%
- 西班牙7%
- 德國7%
- 土耳其6%
搜尋
站點權重 40網域名稱註冊 未知
| 關鍵字 | 月搜尋量 |
|---|---|
| react bits | 75.2K |
| 1001 fonts | 48.8K |
| dev.resources | 140 |
| devresourc | 120 |
| pone page love | 90 |
流量資料：Vaneform
定價
頁面與變化
開始記錄於 2026-09-15
關鍵頁面
每週快照- 首頁devresourc.es/
- 功能devresourc.es/advertise 快照 2026-11-05
設計
首屏畫面視覺分析與 :root CSS
白底搭配淺灰圓角卡片與深色文字，Space Grotesk 字體清晰利落；側欄圖示、搜尋欄和三列資源卡片構成緊湊的開發者目錄介面。
首屏畫面預覽 · 點擊放大
首屏畫面講了什麼與轉化路徑
“Featured”
左側固定分類導航，右側頂部搜尋與操作欄，下方以三列資源卡片網格呈現 Featured 和 Latest。
首屏畫面轉化路徑：首屏畫面直接展示多模組卡片網格 + 純排版與圖形幾何 → 免費開始 / 立即註冊 · 配合使用者頭像疊放與評語建立信任
色板 · 點擊複製
五維設計評分7.1 / 10
- 字體與排版
- 7.0
- 色彩與對比
- 7.0
- 構圖與留白
- 8.0
- 細節與工藝
- 7.0
- 風格辨識度
- 6.0
結構
- 字體
- Space Grotesk
- 首屏畫面版式
- 首屏畫面直接展示多模組卡片網格
- 主視覺
- 純排版與圖形幾何
- 轉化動作
- 免費開始 / 立即註冊
- 信任背書
- 使用者頭像疊放與評語
- 導航
- 左側應用側邊欄
- 明暗與密度
- 淺色 · 資訊密集
- 圓角與層級
- 中圓角 · 細線分層
預覽 AI 設計說明全文（含 :root CSS 變量與版式規則）只寫風格參數，禁止復刻該產品的品牌名、標誌、文案與圖片
# 設計說明：精密網格（兼備極簡單色）
外露 1px 細線網格與交點十字准星、模組化便當卡片、嚴格幾何對齊與現代工程質感。
## 設計參數
```css
:root {
--background: #ffffff;
--surface: #f8f8f8;
--foreground: #17191f;
--muted-foreground: #69707a;
--accent: #252525;
--radius: 8px;
--font-heading: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
--font-body: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
}
```
色彩面積配比：背景 #FFFFFF（約 71%） · 面板 #F8F8F8（約 15%） · 正文 #17191F（約 7%） · 次要文字 #69707A（約 5%） · 強調 #252525（約 2%）。背景與面板占絕大部分面積，強調色只用於主按鈕與當前激活狀態。
## 版式與轉化結構
- 首屏畫面版式：首屏畫面直接展示多模組卡片網格
- 導航結構：左側應用側邊欄
- 明暗與密度：淺色 · 資訊密集
- 圓角與層級：中圓角；不用陰影，用細線與留白區分層級
- 主視覺載體：純排版與圖形幾何
- 轉化動作：免費開始 / 立即註冊 · 信任背書採用使用者頭像疊放與評語
- 標題切入點：品類定位錨點
- 首屏畫面元件特徵：便當格、資料指標欄
- 空間布局拆解：左側固定分類導航，右側頂部搜尋與操作欄，下方以三列資源卡片網格呈現 Featured 和 Latest。
- 視覺特徵總結：白底搭配淺灰圓角卡片與深色文字，Space Grotesk 字體清晰利落；側欄圖示、搜尋欄和三列資源卡片構成緊湊的開發者目錄介面。
## 避免
- 柔和有機流體色塊
- 不對齊的自由漂浮元素
- 遮擋網格細線的厚重投影
請按上面的設計參數與版式實現介面：顏色只用這些變量，強調色只給主要操作與當前狀態。只採用這種風格，禁止復刻任何參考產品的品牌名、標誌、文案與圖片。
問題與證據
同分類研究對象
娛樂與媒體 / 目錄與精選
這些產品屬於同一目錄分類。選型時請進一步核對客戶任務、功能與部署要求。