Glassmorphism

物理的にモデル化したガラス。すりガラスの縁でのスネルの屈折、太陽は1つ、そしてすべてのペインの背後を測ってインクを決めるソルバー。どんな背景でもテキストは4.5:1を保ちます。

対象: メディア、コンシューマー、フィンテック、そして明るい写真の上でガラスUIが破綻したすべての人へ

Glassの録画、16秒。有料のコードはこのサイトでは動いていません。

ページ

  1. Glass コンポーネント, Web部屋、太陽、フロストを変えるとすべてのペインが解き直されるライブの作業台。H1にはソルバーがいま測った値が表示されます
  2. Tidewater ダッシュボード, Web港の管制塔の窓。ペインが景色の端を保持し、夕暮れはスライダーで訪れ、空に合わせてすべてのペインがインクを変え、バースの計画がH1を再計算します
  3. Sidecut ダッシュボード, Web雨に濡れた窓の向こうにあるレーベルの机。リリースごとに外の通りが照らし直され、ドラッグした分配比率が全員の取り分を再計算します
  4. Tintline ランディングページ, Web日の当たる壁に掛けた本物のペイン。スクロールが1日になり、太陽が影、縁、色味を動かし、H1は建物が決めた内容です
  5. Verso ランディングページ, AI本物のドイツ語の手紙の上に置いたガラスのルーペ。縁がライブのテキストを屈折させ、ガラスの下の文章はあなたの言語で、H1はルーペをかざしている場所そのものです
  6. Slackwater モバイルアプリ, モバイル外洋に浮かぶオープンウォータースイミングのアプリ。スマートフォンはページと同じ海の上のガラスで、スクラブする潮汐カーブが太陽、水、H1を決めます

内容

  • 6ページ、各1ファイル、propsなし
  • このキット専用に書いた8個のコンポーネント
  • 特徴的な挙動を支える4個のエンジン
  • OFLライセンス付きのフォント:Gl Sans, Gl Serif
  • Next.jsとTailwind v4のインストール手順とライセンス条項を記載したREADME

購入方法

すべてのキットは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