コレクション · 27 件のピック · 2026

アニメーション付きReactコンポーネントライブラリ

最初からモーションが組み込まれたコンポーネントを提供するライブラリです。ヒーローセクション、テキストエフェクト、スクロール連動の演出、マイクロインタラクションなどを、そのままプロジェクトにコピーできます。多くはMotionやGSAP、Tailwindをベースにしています。プレビューを並べて見比べてみてください。イージングや動きの抑制の違いは、言葉で読むより目で見たほうが分かりやすいはずです。

選出元 react uiコンポーネントライブラリ.

並び替え

ForgeUI preview

ForgeUIコンポーネントライブラリインターフェースをより速く構築するための、アニメーション付きReact・Tailwindコンポーネントと既成テンプレート。

motion-primitives.com

Motion Primitives preview

Motion Primitivesコンポーネントライブラリインターフェースに動きを加えるための、Motionライブラリ上に構築されたアニメーション付きReactコンポーネント。

React Bits preview

React BitsコンポーネントライブラリReactプロジェクトにそのまま組み込める、アニメーション付きでクリエイティブなコンポーネントのコレクション。

number-flow.barvian.me

NumberFlow preview

NumberFlowコンポーネントライブラリ変化する数値を滑らかにアニメーションさせ、モダンなフレームワーク全般で動作するコンポーネント。

amicro.vercel.app

Amicro preview

AmicroコンポーネントライブラリReactのインターフェースにマイクロアニメーションを加えるための、軽量でそのまま使えるプリミティブ。

painterly.design-tools.workers.dev

Painterly preview

Painterlyコンポーネントライブラリキャンバスベースの芸術的なローディングアニメーションを、React向けのコンポーネントとしてまとめたもの。

Evil Charts preview

Evil Chartsコンポーネントライブラリshadcn/uiのプロジェクトにきれいに収まるよう設計された、アニメーション付きのSVGチャートコンポーネント。

Rare UI preview

Rare UIコンポーネントライブラリReactのインターフェースを構築するための、個性的でアニメーション付きのUIコンポーネントのセット。

beUI preview

beUIコンポーネントライブラリインターフェース作業をより速く進めるために、Tailwind CSSでスタイリングされたアニメーション付きReactコンポーネント。

Cult UI preview

Cult UIコンポーネントライブラリ滑らかなインターフェースモーションのために、Framer Motionで動くアニメーション付きReactコンポーネント。

Magic UI preview

Magic UIコンポーネントライブラリランディングページの制作に特化してつくられた、アニメーション付きのUIコンポーネント。

ui.aceternity.com

Aceternity UI preview

Aceternity UIコンポーネントライブラリ目を引くWebページをつくるための、トレンド感のあるアニメーションコンポーネントとヒーローセクション。

Animate UI preview

Animate UIコンポーネントライブラリMotionアニメーションライブラリで動きを加えた、アクセシブルなshadcnコンポーネント。

Eldora UI preview

Eldora UIコンポーネントライブラリWebのランディングページを素早くつくるために最適化された、アニメーション付きのUIコンポーネント。

Smooth UI preview

Smooth UIコンポーネントライブラリ自分のプロジェクトにそのままコピーできる、動きの豊かなReactコンポーネント。

Syntax UI preview

Syntax UIコンポーネントライブラリランディングページを素早く組み立てるための、アニメーション付きコピー&ペースト式UIコンポーネント。

rolling.kitlangton.dev

Rolling Number preview

Rolling Numberコンポーネントライブラリ数字をなめらかに回転するエフェクトでアニメーションさせるReactの数値カウンター。

Annnimate preview

AnnnimateコンポーネントライブラリGSAPアニメーションライブラリで構築された、本番環境で使えるモーションコンポーネント。

fluidfunctionalism.com

Fluid Functionalism preview

Fluid Functionalismコンポーネントライブラリ意図を持った物理ベースのアニメーションで動きを表現するUIコンポーネント。

Sona UI preview

Sona UIコンポーネントライブラリコードベースにコピーして、完全に自分のものとして自由にスタイルを変えられる、アニメーション付きのReactコンポーネント。

text-effects.colorion.co

Colorion Text Effects preview

Colorion Text Effectsコンポーネントライブラリインターフェースにそのままコピー&ペーストできる、アニメーション付きのテキストエフェクト。

dotmatrix.zzzzshawn.cloud

Dot Matrix preview

Dot Matrixコンポーネントライブラリshadcnプロジェクト向けに作られた、50種類を超えるドットマトリクス風ローディングアニメーション集。

Odyssey UI preview

Odyssey UIコンポーネントライブラリshadcnのコンポーネントシステムの上に構築された、アニメーション付きのReactコンポーネント集。

Skiper UI preview

Skiper UIコンポーネントライブラリTailwind CSSで組み合わせ、スタイリングできるよう設計された、アニメーション付きのUIプリミティブ。

vengeanceui.com

Vengeance UI preview

Vengeance UIコンポーネントライブラリスクロール駆動のインタラクションやエフェクトを中心に構築された、アニメーション付きのReactコンポーネント。

amacro.vercel.app

Amacro preview

Amacroコンポーネントライブラリわずかな設定でReactアプリに追加できる、そのまま使えるページ表示アニメーション。

shadcn-animated.vercel.app

Animated shadcn/ui preview

Animated shadcn/uiコンポーネントライブラリアニメーション付きのインターフェース向けに、標準のshadcn/uiコンポーネントをMotionで動かしたバージョン。

厳選27個のアニメーション付きReactコンポーネントライブラリ（2026年） — Designeer