1. ホーム
  2. モーション
  3. Serenity UI
  4. 代替

Serenity UI の代替サイト

Serenity UI と同じことができる 39 サイトを並べて比較。すべて手作業で選んだモーションキット。

Serenity UI screenshot 1
比較の基準Serenity UI

遊び心のある質感重視の部品。リアルタイム合成音つきのレトロなメカニカルキーボード、3D でめくるポートフォリオ。

詳細を開く →
サイトコード料金保存数
Serenity UIこのサイトレジストリ無料
useLayoutsReact, Tailwind CSS, Motion, shadcn/uiレジストリ無料
Vengeance UIReact, Tailwind CSS, Motion, shadcn/uiレジストリ無料
beUIReact, Tailwind CSS, Motion, shadcn/uiレジストリ無料
MotiqReact, Tailwind CSS, Motion, shadcn/uiレジストリ無料
Rare UIReact, Tailwind CSS, Motion, shadcn/uiレジストリ無料
Skiper UIReact, Tailwind CSS, Motion, shadcn/uiレジストリ無料
Arc UIReact, Tailwind CSS, Motion, shadcn/uiレジストリ無料
Cult UIReact, Tailwind CSS, Motion, shadcn/uiレジストリ無料
Spell UIReact, Tailwind CSS, Motion, shadcn/uiレジストリ無料
Canvas UIReact, WebGLレジストリ無料
Animate UIReact, Motion, shadcn/uiレジストリ無料
Smooth UIReact, Motion, shadcn/uiレジストリ無料
Unlumen UIReact, Tailwind CSS, Motion, shadcn/uiコピー無料
Pace UIReact, Next.js, Motion, GSAP, shadcn/uiコピー無料
UI TripleDReact, Tailwind CSS, Motion, shadcn/ui, Base UIコピー無料
Eldora UIReact, Tailwind CSS, Motion, shadcn/uiコピー無料
VFX-JSJavaScript, React, WebGLnpm無料
Paper ShadersReact, JavaScript, WebGLnpm無料
Libraries.devReact, WebGLnpm無料
Hyperiux VaultReact, Next.js, GSAP, Motionレジストリ無料
AnimataReact, Tailwind CSS, Motionレジストリ無料
Motion PrimitivesReact, Tailwind CSS, Motionレジストリ無料
LuxeReact, Tailwind CSS, Motion, Radix UIレジストリ無料
React BitsReact, Tailwind CSS, Motion, GSAP, Three.jsレジストリ無料
interior.devReactレジストリ無料
Fancy ComponentsReact, Motionレジストリ無料
SSGOIReact, Svelte, Vue, Solid, Angular, Qwiknpm無料
NeatJavaScript, WebGLnpm無料
ShaderGradientReact, Three.js, Framer, Figmanpm無料
Motion ExamplesReact, Vue, JavaScript, Motionnpm無料
Goey ToastReact, Motionnpm無料
ShadersReact, Vue, Svelte, Solid, WebGPUnpm無料
Transitions.devCSS, Reactコピー無料
AmicroReact, Motionnpm無料
Motion CoreSvelte, GSAP, OGLレジストリ無料
Vue BitsVue, Tailwind CSS, GSAPコピー無料
Svelte AnimationsSvelte, Tailwind CSS, motion-svnpm無料
Inspira UIVue, Nuxt, Tailwind CSS, motion-vコピー無料
OsmoHTML, CSS, GSAP, Webflow有料有料プランあり
モーションライブラリについて

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

向いている用途
  • LP のファーストビュー
  • 動く背景
  • ボタンやカードの小さなインタラクション
スポンサー広告を出す →
Wapopoひと言から、漫画がひとつ枠 2あなたのプロダクトをここに枠 3あなたのプロダクトをここに枠 4あなたのプロダクトをここに