實驗牆

所有實驗都住在這面牆上，常回來看看。

設計規則手冊

把設計定稿裡的已確認規則，做成一頁可看的清單。

最近修改 · 2026/08/27

Markdown 渲染器

覆刻 Typora 風格的 Markdown 工作台，丟進 public/docs 自動上牆。

最近修改 · 2026/08/30

鉛筆按鈕按壓反饋

按下去的那一下，要有紙面凹陷的手感。

最近修改 · 2026/08/02

便籤卡片拖拽

把便籤釘在牆上，還能拖來拖去。

最近修改 · 2026/07/18

信紙排版長文

長文放進信紙格子裡，讀起來會不會更慢一點。

最近修改 · 2026/07/10

錯位疊放的圖庫

圖片像照片一樣散落疊在桌面上。

最近修改 · 2026/06/22

紙屑禮花按鈕

按下按鈕，紙屑禮花落滿螢幕。

最近修改 · 2026/06/08

字體實驗室

在真實站點字體裡挑標題字體：字號、字重、顏色、行高都能即時試。

最近修改 · 2026/08/26

API 嘗試場

把想試的 API 一個個接上，先從 Bing 的每日天空開始。

最近修改 · 2026/08/30

深色紙張模式

夜光下鉛筆稿還能不能看，試了才知道。

最近修改 · 2026/08/08

手寫風代碼塊

代碼也要像課堂筆記一樣被認真抄寫。

最近修改 · 2026/07/30

墨水加載數字

數字跳動的間隙，藏一點墨水的小把戲。

最近修改 · 2026/07/15

光標小寵物

一隻鉛筆小貓跟著光標散步。

最近修改 · 2026/07/08

蠟筆高亮標記

重點文字用蠟筆隨手一塗。

最近修改 · 2026/06/28

手帳式時間線

經歷排進手帳的時間軸裡。

最近修改 · 2026/06/15

小紅書訊息頁復刻

1:1 復刻小紅書桌面端訊息頁：會話、氣泡、表情面板都能真的用。

最近修改 · 2026/08/28

圖示實驗室

瀏覽 Lucide 與四個 React Icons 圖示集，支援搜尋、分頁和 SVG 下載。

最近修改 · 2026/10/16

手繪進度條合集

把等待的過程畫成一條歪歪扭扭的線。

最近修改 · 2026/08/06

波浪分割線生成器

一條 SketchWave 的十種打開方式。

最近修改 · 2026/07/28

手繪圖標網格

一套圖標，統一歪兩度的紀律感。

最近修改 · 2026/07/20

手繪抽屜導航

側邊抽屜像速寫本翻開一樣滑出。

最近修改 · 2026/07/05

手繪開關撥桿

開關撥動時留一點鉛筆的阻尼感。

最近修改 · 2026/06/25

塗鴉驗證碼

補完半隻塗鴉小怪獸，證明你是人類。

最近修改 · 2026/06/12

崩潰演練場

錯誤、404 與載入兜底介面，點一下就能親自觸發。

最近修改 · 2026/08/29

手繪 404 頁面

讓迷路的那一頁，也保持鉛筆手繪的溫度。

最近修改 · 2026/08/10

塗鴉空狀態插畫

沒有內容的時候，就畫點小東西陪你。

最近修改 · 2026/08/04

紙張滾動條實驗

滾動條也能長成鉛筆的樣子嗎。

最近修改 · 2026/07/25

貼紙式徽章系統

把標籤做成可以撕下來貼走的貼紙。

最近修改 · 2026/07/22

拼貼首頁頭圖

參考圖剪一剪，拼一張新的封面。

最近修改 · 2026/07/12

紙飛機回到頂部

回到頂部的按鈕是一隻紙飛機。

最近修改 · 2026/07/02

鉛筆骨架屏

加載佔位也用排線畫出來。

最近修改 · 2026/06/18

實驗準備中…