音猫。ポートフォリオ
ドットデザイン デモ一覧

同じプロフィール内容を、ライブラリごとに組んだ試作です。見比べて方向性を決めるために置いています。

→ RetroUI + NES.css + 自作 の統合案 / → 最新案 (月夜のネットサーフィン)

  1. 018bitcn/uiゲーム画面っぽい部品 (HP バー、XP バー) が豊富。shadcn ベース。Tailwind 必須React 使用8bitcn/ui の公式サイト ↗
  2. 02Pixelact UI影で描くピクセル枠がきれい。部品は少なめ。shadcn ベース。Tailwind 必須React 使用Pixelact UI の公式サイト ↗
  3. 03RetroUI参考に挙がった本家。CSS 同梱なので Tailwind なしで動く。更新は 2025-05 で止まっている。Tailwind 不要React 使用pixel-retroui の公式サイト ↗
  4. 04NES.cssファミコン風の素の CSS。JS 不要でいちばん軽い。Tailwind 不要JS なしNES.css の公式サイト ↗
  5. 05自作 CSS + Paper Shadersライブラリに頼らず CSS でドット枠を描き、アイコンをディザリングシェーダーでドット化。Tailwind 不要React 使用Paper Shaders の公式サイト ↗