Lumen
One physical light source governs the page: real elements cast one consistent shadow through WebGL2, the light moves and the objects stay still, and colour temperature does the work of an accent.
対象: Premium AI, privacy, wellness and finance
ページ
Turndown ランディングページ, モバイルレイマーチングで描いたベッドサイド。スクロールするとランプが本物の7段階で落ち、ページもインクごと暗くなり、キーを押し続けると4秒間光が膨らみます
Reciprocity ランディングページ, モバイル18%グレーの上にシェーダーで描いた静物。本物の絞り、シャッター、ISO、ピントのリングを回すと、被写界深度、露出、H1が光学から計算されます
Ampoule ランディングページ, AIページ唯一の光を内側に宿した密封のガラスアンプル。ネットワークのプラグをドラッグして抜いても、スクリプト化されたアシスタントは動き続け、ページは自分のリクエスト数を数えます
Noonmark ランディングページ, Webノーモンの影が停止する年に落ちるスレートの日時計。貯蓄額を変えると太陽が動き、太陽をドラッグするといくら貯めるべきかを教えてくれます
内容
- 4ページ、各1ファイル、propsなし
- このキット専用に書いた2個のコンポーネント
- 特徴的な挙動を支える5個のエンジン
- OFLライセンス付きのフォント：Lm Display, Lm Text
- Next.jsとTailwind v4のインストール手順とライセンス条項を記載したREADME
購入方法
すべてのキットはgoodui Proに含まれます。$99の買い切りで、アップデートは永久に無料です。Teamは開発者10人までで$249です。
購入はまだ受け付けていません。リストに登録すると、早期割引のリンクを1回だけお送りします。
ライセンスキーがあれば、ターミナルから：
curl -H "Authorization: Bearer $GOODUI_LICENSE_KEY" -o goodui-lumen.zip https://goodui.dev/kits/lumen.zip