グラスモーフィズムUIキット

グラスモーフィズムは、にぎやかな背景の上に半透明のパネルを重ねるスタイルです。背景ブラーがパネルの後ろをすりガラスのようにぼかし、明るく細い縁がガラスの終わりを示します。文字が読めてこそ成り立つスタイルなので、ここではどの面にも4.5:1を保てるだけの濃さの色を敷いています。

実際のキットの画像と録画です。有料のコードはこのサイトでは動いていません。

コンポーネント

  • Glass

    部屋、太陽、フロストを変えるとすべてのペインが解き直されるライブの作業台。H1にはソルバーがいま測った値が表示されます

ダッシュボードキット

  • Tidewater

    港の管制塔の窓。ペインが景色の端を保持し、夕暮れはスライダーで訪れ、空に合わせてすべてのペインがインクを変え、バースの計画がH1を再計算します

  • Sidecut

    雨に濡れた窓の向こうにあるレーベルの机。リリースごとに外の通りが照らし直され、ドラッグした分配比率が全員の取り分を再計算します

モバイルキット

  • Slackwater

    外洋に浮かぶオープンウォータースイミングのアプリ。スマートフォンはページと同じ海の上のガラスで、スクラブする潮汐カーブが太陽、水、H1を決めます

  • Slackwater: Wild-swimming tide app in real glassSlackwater

    Wild-swimming tide app in real glass

ランディングページ

  • Tintline

    日の当たる壁に掛けた本物のペイン。スクロールが1日になり、太陽が影、縁、色味を動かし、H1は建物が決めた内容です

  • Verso

    本物のドイツ語の手紙の上に置いたガラスのルーペ。縁がライブのテキストを屈折させ、ガラスの下の文章はあなたの言語で、H1はルーペをかざしている場所そのものです

購入方法

すべてのキットはgoodui Proに含まれます。$99の買い切りで、アップデートは永久に無料です。Teamは開発者10人までで$249です。

購入はまだ受け付けていません。リストに登録すると、早期割引のリンクを1回だけお送りします。

まもなく購入受付を開始します。早期割引リンクを一度だけメールでお送りします。

プランを比較

goodui Proに含まれます。ライセンスキーを貼り付けてください。このブラウザにのみ保存されます。

ライセンスはまだ?料金を見る

ライセンスキーがあれば、ターミナルから:

curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-glass.zip https://goodui.dev/kits/glass.zip