Serenity UI

概要

遊び心のある質感重視の部品。リアルタイム合成音つきのレトロなメカニカルキーボード、3D でめくるポートフォリオ。 モーションライブラリは、テキストの表示演出・動く背景・カーソルエフェクトなど、ページにそのまま置けるアニメーション部品を提供します。多くは React 製で、Tailwind CSS と Framer Motion を使います。どこまで自分でコードを持ちたいかで選びましょう。ファイル単位でコピーするものも、パッケージとして入れるものもあります。

向いている用途

• LP のファーストビュー
• 動く背景
• ボタンやカードの小さなインタラクション