framer-motion

設計エンジニア向けのUIライブラリ。アプリにコピー＆ペーストできるアニメーションコンポーネントとエフェクト。無料。オープンソース。

美しくアニメーション化されたインターフェースをより速く作成するためのUIキット。カスタマイズ可能。オープンソース。

設計エンジニア向けに作成されたコンポーネント。Tailwind CSSでスタイリングされ、Shadcnと完全に互換性があり、コピー＆ペーストで簡単に統合可能。MIT 🤌

Next.jsプロジェクト向けの、意見を反映したコンポーネント、フック、ユーティリティのコレクション

React, TypeScript, Tailwind CSS, Motion, および Shadcn CLIで構築された、完全にアニメーション化されたオープンソースのコンポーネント配布物。インストール、修正、プロジェクトで使用できるコンポーネントの一覧を閲覧できます。

CSS Flexboxのパワーを活用して柔軟なレイアウトを作成するためのWebアプリケーション

UI Layouts は単なるライブラリではありません。コンポーネント、エフェクト、デザインツール、すぐに使えるブロックを備えた完全なフロントエンドの世界であり、モダンなインターフェースをより速く構築するために必要なすべてが揃っています。

ReactとThree.jsを使用して構築された個人のポートフォリオサイト。

モダンな React 管理画面テンプレート。React 19、Vite、TypeScript をベースにしており、高速です。

Vue 向けの Motion

対応するYouTube動画のコードリポジトリです。このチュートリアルでは、React.js、SCSS、Framer Motion、Sanityを使用してリアルタイムチャットアプリケーションを構築およびデプロイします。

Tailwind CSS、shadcn/ui、Motion を使って構築された、Webサイト用の美しいオープンソースコンポーネント集

Cali Castle の個人ウェブサイト

framer motion でアニメーション化された Next.js 向けオンボーディングウィザード / プロダクトツアー

React用のMotionコンポーネント。コピーして貼り付けるだけで完了。

⭐Next.js、Tailwind CSS、Framer-motion を使用して魅力的なポートフォリオサイトを構築します。作成方法を学ぶには、README ファイルにあるチュートリアルのリンクに従ってください。

React、Next.js、およびその他のJSXフレームワーク向けのUIコンポーネントライブラリ。Tailwind CSSで構築されており、美しくインタラクティブでレスポンシブなインターフェースを素早く簡単に作成できます。

shadcn/uiおよびBase UIで使用可能な本番環境対応のUIブロック、コンポーネント、フルページ。Framer Motionを搭載し、ランディングページビルダー、背景ビルダー、グリッドジェネレーターを備えています。

Sonner と Framer Motion のアニメーションをベースに構築された、ぬるぬる動くモーフィング対応トーストコンポーネント

各キーキャップがスキルを表すキーボードを備えた、インタラクティブな3D開発者ポートフォリオ。Next.js、React、TypeScript、GSAP、Motionで構築。無料で使用可能！

Tailwind CSS と Framer Motion を使用して構築された Svelte Magic UI、Svelte Aceternity UI、Svelte コンポーネント

React 向けの高精度なマイクロインタラクション、簡単なカスタマイズ、軽量なパフォーマンスを実現する、無料かつオープンソースのアニメーション付き SVG アイコン。

アクセシビリティを考慮しつつ、Motion製で滑らかなUXを提供する柔軟なボトムシートコンポーネント

React と Emotion で構築された、Yamada による、Yamada のための、Yamada の React UI コンポーネント

次のプロジェクトのために手動で作成された Framer Motion バリアントのコレクション。

AI ネイティブ、CLI ファーストの React コンポーネントライブラリ。Cursor、Claude、GitHub Copilot 向けの MCP Server をサポートした、アニメーション付き、アクセシブル、本番環境対応の 160 以上のコンポーネント。コピー＆ペーストアーキテクチャ — コードは自分で所有します。

Framer Motion を使用して作られた、Tailwind CSS ベースの事前構築済みコンポーネント、アニメーション、エフェクトに無料でアクセス。コピーして貼り付けるだけで、すぐに使用できます！

JavaScriptを最小限に、CSSを最大限に活用し、創造性を刺激するクリーンなコピペ対応コンポーネントでUIをシンプルに。完全に所有して理解できるコードを提供します。

Next.js、TypeScript、Tailwind CSS、Cloud Firestore、Storage を使用して構築された Twitter クローン