• https://land-book.com/ https://www.lapa.ninja/ 收集 Landing Page 的網站

• https://www.webdesignfile.com/ https://www.awwwards.com/ 收集美麗的官方網站

• https://muuuuu.org/ https://bm.s5-style.com/ 收集日本美麗的官方網站

• https://webdesignclip.com/ 收集日本、世界的官方網站和 Landing Page

• https://www.curated.design/ Curated Desig 精心收錄和整理了各種優秀的網站和應用程式設計，使使用者能夠輕鬆地找到符合您需求的設計靈感。

• https://www.fakenamegenerator.com/ 身份產生器

• https://seek-oss.github.io/capsize/ https://typescale.com/ https://www.fluid-type-scale.com/ 字體字型間距測試器

• https://systemfontstack.com/ 系統字體預設 CSS 示範

• https://realfavicongenerator.net/ favicon 產生器

• https://yoksel.github.io/url-encoder/ svg 轉換 css 程式碼

• https://yoksel.github.io/svg-gradient-map/#/ svg 遮罩產生器

• https://kumiko-generator.netlify.app/ svg 根據背景圖片產生三角格狀圖像

• https://www.wavegenerator.app/ svg wave css 產生器

• https://metatags.io/ 社群分享畫面測試器

• https://screely.com/ 瀏覽器外框產生器

• https://lewdev.github.io/apps/meta-tag-gen/ HTML Meta tag 產生器

• https://link-to-qr.com/ QRCode 產生器

• https://generator.lorem-ipsum.info/ https://www.lipsum.com/feed/html 假文產生器

• https://carbon.now.sh/ https://ray.so/ https://chalk.ist/ https://codeimg.io/ https://kod.so/ 程式美化產生器

• https://kcaps.app/ 快捷鍵圖片產生器

• https://neumorphism.io/#55b9f3 Neumorphism 風格 CSS 產生器

• https://shadows.brumm.af/ CSS 動畫曲線產生器

• https://layout.bradwoods.io/ CSS 大外框排版產生器

• https://alvarotrigo.com/shadow-gradients/ CSS 多彩陰影產生器

• https://garden.bradwoods.io/notes/css/blend-modes#duotone CSS 遮罩產生器

• https://9elements.github.io/fancy-border-radius/full-control.html 圓角產生器

• https://makeappicon.com/ iOS App Icon 各種尺寸圖產生器

• https://github.com/elegantapp/pwa-asset-generator PWA Icon 產生器

• https://ui.glass/generator/ CSS 毛玻璃效果產生器

• https://min-max-calculator.9elements.com/ CSS Min Max Clamp 數值產生器

• https://isoflow.io/ 系統架構圖產生器

• https://www.toptal.com/developers/htmlshell 快速 HTML no-code 工具

• https://incompetech.com/graphpaper/plain/ PDF 網格產生器

• https://badgen.net/ Github Badge 產生器

• https://coverview.vercel.app/editor Blog 封面圖產生器

• https://anvaka.github.io/peak-map/#7.76/24.092/120.697 地圖高度產生器

• https://anvaka.github.io/city-roads/ 地圖路線產生器

• https://reply.io/email-signature-generator/ email 簽名檔產生器

• https://www.projectwallace.com/ CSS 分析器 透過 dashboard 顯示行數、selector 數量、mediaquery 數量等，以及檔案大小、顏色等等，以數據化的方式來做分析。與其他工具比起來多了『歷史紀錄』功能，可以記錄一個網站的數據演變。

• https://yellowlab.tools/ 網站前端效能檢查器

• https://cssstats.com/ CSS 數據狀態檢視器

• https://isellsoap.github.io/specificity-visualizer/ CSS Selector 視覺化 如同其名，把網站上的 specificity 變成視覺化的圖表，幫助找出那些不正常的 specificity 或是了解全站的 specificity 分佈，幫助作進一步的調整

• https://tinypng.com/ https://squoosh.app/ 圖片壓縮

• https://cardgenerator.org/ 信用卡產生器

• https://templates.mailchimp.com/resources/inline-css/ 把 CSS 放到 HTML 中的服務

• https://putsmail.com/ 把 CSS 放到 HTML 中的服務，還可以寄送測試信件

• https://cowsay-svelte.vercel.app/ ASCII 圖片產生器

• https://tikolu.net/emojimix/%F0%9F%98%A6+%F0%9F%90%B0 emoji 混合產生器，使用 Google Emoji

• https://unicode.org/emoji/charts/full-emoji-list.html emoji 查詢

• https://www.smsonline.cloud/country/Taiwan https://www.freereceivesms.com/en/tw/ https://mytempsms.com/receive-sms-online/taiwan-phone-number.html 手機號碼產生器，可收訊息

• https://gptv-app.vercel.app/ 無障礙口述影像產生器

• https://deanlife.blog/word-cloud-generator-recommend/#11%e6%ac%be%e6%96%87%e5%ad%97%e9%9b%b2%e7%94%9f%e6%88%90%e5%99%a8%e6%8e%a8%e8%96%a6 文字雲產生器

• position anchor 位置 https://chrome.dev/anchor-tool/

測試 Sample

HTML

• https://caninclude.glitch.me/ 查詢某一個 HTML Tag 是否能內含另一個 HTML Tag 跟容器的特性有關

CSS

• https://caniuse.com/ 查詢 CSS 屬性在各大瀏覽器版本是否能使用

Email

• https://www.caniemail.com/ https://www.campaignmonitor.com/css/ 查詢 HTML、CSS 是否能在 email 服務、環境使用（作業系統、瀏覽器）

Devtool

• https://www.canidev.tools/ 查詢是否能在各種 Devtool 做什麼事