Eased
概要
作者による説明(英語の原文)
Motion-first React components for shadcn: search, read docs and get install commands.
PopNx MCPの3つの柱
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
- 利用者の声iレビューはまだありませんレビューは今後のステップで、アカウント機能と一緒に始まります
- 私たちの基本チェックi3項目中3項目に合格公開情報からチェック。コードはまだスキャンしていません
- 利用状況iとても新しい★ –
できること
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
- 接続方法: クラウドで動く
- トランスポート: Streamable HTTP
- カテゴリ: 検索・AIの記憶
インストール
使っているAIアプリを選んで、設定をコピーしてください。
インストールの前に
- 基本チェック:3項目中3項目に合格
- 作者のサーバーで動きます。あなたが頼んだ内容は、作者のサーバーを通ります。
- できること:5件(ツール) get_skill, list_components, search_components, get_component …
- レジストリには、入力が必要なキーは載っていません。
必要なもの
- クラウドで動くインストール不要。インターネット経由でつながります
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
ウェブ、デスクトップ、モバイルのClaudeで使えます:
- Settings → Connectors を開く
- Add custom connector を押す
- 下のアドレスを貼り付けて Add を押す
- サインインを求められたら、作者のサービスにサインインする
https://eased.dev/api/mcpターミナルでこれを実行します
claude mcp add --transport http eased https://eased.dev/api/mcpまたは、設定を自分でコピーする
プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"eased": {
"url": "https://eased.dev/api/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
または、設定を自分でコピーする
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"eased": {
"type": "http",
"url": "https://eased.dev/api/mcp"
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
ChatGPTがつなげるのは、インターネット上のサーバーだけです:
- ウェブ版のChatGPTを開き → Settings → Connectors (Apps)
- Create または Add を押す(プランによっては、先に Advanced で Developer mode をオンにする必要があります)
- 下のアドレスを貼り付け、名前を付けて保存する
- サインインを求められたら、作者のサービスにサインインする
https://eased.dev/api/mcpメニューの名前は、プランや時期によって少し違うことがあります。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
できること
ツールの名前と説明は、サーバーが2026年11月7日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。
get_skillThe Eased design skill as Markdown: how to install and compose Eased components, the tokens, and the checkable rules every component is built on (alignment, the 1:2 spacing ratio, concentric radii, springs per role, enter and exit, focus rings, reduced motion). Call it first, bef
list_componentsList every Eased component (motion-first React components installed with the shadcn CLI) in catalogue order, with slug, title, one-line summary, tier (free or pro), interaction verb (Hover, Press, Drag, Slide, Select, Type, Loading, Scroll), the industries it suits and page URL.
search_componentsFind Eased components for a need, e.g. "loading state", "tooltip", "drag to adjust a number" or "tabs with a sliding indicator". Matches title, slug, interaction verb, description and README docs, best match first; pass industry to keep to one (e.g. "a swap UI" for crypto). Follo
get_componentEverything about one Eased component as Markdown: title, description, tier, README docs (usage, props, motion signature), install command and dependencies. Free components also include the full source of their files and a demo showing real usage, so you can read or adapt the code
get_install_commandOne `npx shadcn add …` command that installs the given Eased components (and their tokens and helpers) into the current project. Only free components install from the public registry; Pro components are listed separately as requiring Eased Pro.
基本チェックi
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月8日にチェック
- ✓ 合格
作者とリポジトリが一致
レジストリ名はドメイン eased.dev で確認済みです(レジストリがドメインの所有を確認しています)
- … 未チェック
今もメンテナンスされている
このリポジトリはまだGitHubから読み取っていません
- … 未チェック
ライセンスがある
このリポジトリはまだGitHubから読み取っていません
- ✓ 合格
エンドポイントが応答する
231ミリ秒で応答(HTTP 200)
- – 対象外
OAuthでサインイン
サインイン不要
- ✓ 合格
ツールの説明に隠れた指示がない
5件のツールの説明を読み、AIへの隠れた指示は見つかりませんでした
検索・AIの記憶のほかのサーバーとの比較i
- このカテゴリのほかの5717件のうち0%よりスターが多い
- このカテゴリのほかの5717件のうち66%より最近レジストリに公開
- 基本チェックの結果が、このカテゴリのほかの5717件のうち100%と同じかそれ以上
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
よくある質問
Easedは安全ですか?
当てはまる基本チェック3項目のうち3項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
どんなキーやコードが必要ですか?
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
パソコンで動きますか、それともクラウドですか?
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
今もメンテナンスされていますか?
GitHubリポジトリの最終更新は–、最新バージョン(1.0.0)がレジストリに届いたのは21 日前です。
どのアプリで使えますか?
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。
代わりに使えるものは?
同じカテゴリには:Context7, Codebase Memory, Exa
代わりの候補
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Codebase Memory
Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens.
Exa
Connect AI agents to Exa for web search, content fetching, and multi-step research.
作者のREADME
READMEを開く
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Eased
Eased is a library of motion-first React components for shadcn, installed with the shadcn CLI.
eased.dev · Components · Docs
This repository is the free, MIT-licensed part of Eased: the source of every free component, its docs, and the registry JSON that eased.dev/r serves.
Install
Add a component with the shadcn CLI, by its registry name or by its URL:
npx shadcn add @eased/button
npx shadcn add https://eased.dev/r/button.json
@eased/ works because Eased is listed in the shadcn registry index, so the CLI finds @eased without a registries entry in components.json.
The URL form needs the .json extension: https://eased.dev/r/button.json works, https://eased.dev/r/button returns 404.
The CLI copies the component's source into components/eased/ /, installs its npm dependencies and merges the Eased stylesheet into your global CSS. There is no CSS file to import. You own the code from then on.
Requirements
- React 19
- Tailwind CSS v4
- A
components.json. If your project doesn't have one, runnpx shadcn init.
The CLI installs each component's npm dependencies for you. Across the free components these are @base-ui/react (36), @tanstack/react-table (2), d3-scale (1), d3-shape (1), motion (55), shiki (3), with the number of components that use each.
Free components
Actions
| Component | Name | What it does | Install | Docs | Source |
|---|---|---|---|---|---|
| Button | button | An animated button for React and shadcn, with a loading state that keeps its width. | npx shadcn add @eased/button | Docs | Source |
| Undo Pill | undo-pill | An animated undo pill for React and shadcn, with a countdown ring that commits the action only when it runs out. | npx shadcn add @eased/undo-pill | Docs | Source |
| Kbd | kbd | An animated keycap for React and shadcn, pressing down when the real key does. | npx shadcn add @eased/kbd | Docs | Source |
Inputs
| Component | Name | What it does | Install | Docs | Source |
|---|---|---|---|---|---|
| Input | input | An animated text input for React and shadcn, with leading and trailing addons and an error state. | npx shadcn add @eased/input | Docs | Source |
| Textarea | textarea | An animated textarea for React and shadcn, growing with its text, with a character counter. | npx shadcn add @eased/textarea | Docs | Source |
| Field | field | An animated form field for React and shadcn, with a label, a control and one line for help or errors. | npx shadcn add @eased/field | Docs | Source |
| Slider | slider | An animated slider for React and shadcn, single or range, with a live value readout. | npx shadcn add @eased/slider | Docs | Source |
| Number Field | number-field | An animated number field for React and shadcn, with steppers that speed up while held. | npx shadcn add @eased/number-field | Docs | Source |
| OTP Field | otp-field | An animated one-time code field for React and shadcn, with autofill and paste across every cell. | npx shadcn add @eased/otp-field | Docs | Source |
| Date Picker | date-picker | An animated date picker for React and shadcn, with a calendar popover, typed dates and ranges. | npx shadcn add @eased/date-picker | Docs | Source |
| File Upload | file-upload | An animated file upload for React and shadcn, with a dropzone, per-file progress and inline reasons for refused files. | npx shadcn add @eased/file-upload | Docs | Source |
Selection
| Component | Name | What it does | Install | Docs | Source |
|---|---|---|---|---|---|
| Segmented | segmented | An animated segmented control for React and shadcn, for picking one option from a few. | npx shadcn add @eased/segmented | Docs | Source |
| Tabs | tabs | Animated tabs for React and shadcn, with an underline or pill indicator. | npx shadcn add @eased/tabs | Docs | Source |
| Toggle Group | toggle-group | An animated toggle group for React and shadcn, with single or multiple selection. | npx shadcn add @eased/toggle-group | Docs | Source |
| Radio Group | radio-group | An animated radio group for React and shadcn, with plain radios or selectable cards. | npx shadcn add @eased/radio-group | Docs | Source |
| Checkbox | checkbox | An animated checkbox for React and shadcn, with an indeterminate state for parent checkboxes. | npx shadcn add @eased/checkbox | Docs | Source |
| Switch | switch | An animated switch for React and shadcn, which becomes a full settings row when given a label. | npx shadcn add @eased/switch | Docs | Source |
| Select | select | An animated select for React and shadcn, opening with the chosen option over its trigger. | npx shadcn add @eased/select | Docs | Source |
| Combobox | combobox | An animated combobox for React and shadcn, with filtering, a clear button and multi-select chips. | npx shadcn add @eased/combobox | Docs | Source |
| Rating | rating | An animated star rating for React and shadcn, with hover preview, half steps and a read-only mode. | npx shadcn add @eased/rating | Docs | Source |
Navigation
| Component | Name | What it does | Install | Docs | Source |
|---|---|---|---|---|---|
| Breadcrumb | breadcrumb | An animated breadcrumb for React and shadcn, folding middle crumbs into a menu when space runs out. | npx shadcn add @eased/breadcrumb | Docs | Source |
| Pagination | pagination | Animated pagination for React and shadcn, with a width that never changes as you page. | npx shadcn add @eased/pagination | Docs | Source |
| Carousel | carousel | An animated carousel for React and shadcn, with scroll snapping, mouse drag and arrow keys. | npx shadcn add @eased/carousel | Docs | Source |
Overlays
| Component | Name | What it does | Install | Docs | Source |
|---|---|---|---|---|---|
| Popover | popover | An animated popover for React and shadcn, opening from its trigger, built on Base UI. | npx shadcn add @eased/popover | Docs | Source |
| Tooltip | tooltip | An animated tooltip for React and shadcn, with an optional shortcut, never shown on touch. | npx shadcn add @eased/tooltip | Docs | Source |
| Dialog | dialog | An animated dialog for React and shadcn, with alert dialogs and nested dialogs, built on Base UI. | npx shadcn add @eased/dialog | Docs | Source |
| Command Palette | command-palette | An animated command palette for React and shadcn, opened with ⌘K, where Enter runs the first match. | npx shadcn add @eased/command-palette | Docs | Source |
| Dropdown Menu | dropdown-menu | An animated dropdown menu for React and shadcn, with checkbox and radio rows, shortcuts and submenus. | npx shadcn add @eased/dropdown-menu | Docs | Source |
| Context Menu | context-menu | An animated context menu for React and shadcn, opened by right-click or long-press, with submenus. | npx shadcn add @eased/context-menu | Docs | Source |
| Sheet | sheet | An animated sheet for React and shadcn, sliding in from an edge and becoming a bottom sheet on small screens. | npx shadcn add @eased/sheet | Docs | Source |
Status
| Component | Name | What it does | Install | Docs | Source |
|---|---|---|---|---|---|
| Badge | badge | An animated badge for React and shadcn, for statuses and counts, with an optional live dot. | npx shadcn add @eased/badge | Docs | Source |
| Progress | progress | An animated progress bar for React and shadcn, with an indeterminate state that hands over to the real value. | npx shadcn add @eased/progress | Docs | Source |
| Spinner | spinner | An animated spinner for React and shadcn, that pauses off-screen and announces itself to screen readers. | npx shadcn add @eased/spinner | Docs | Source |
| Skeleton | skeleton | An animated skeleton for React and shadcn, where every placeholder on the page shares one shimmer. | npx shadcn add @eased/skeleton | Docs | Source |
| Avatar | avatar | An animated avatar for React and shadcn, with groups that spread apart on hover. | npx shadcn add @eased/avatar | Docs | Source |
| Alert | alert | An animated alert for React and shadcn, for context, success, warning and error messages. | npx shadcn add @eased/alert | Docs | Source |
| Toast | toast | An animated toast stack for React and shadcn, with an action button such as Undo. | npx shadcn add @eased/toast | Docs | Source |
Text and numbers
| Component | Name | What it does | Install | Docs | Source |
|---|
| Number Roll | number-roll | An animated number counter for React and shadcn, with locale-aware formatting. | `npx shadcn a
冒頭だけを表示しています。続きはリポジトリで読めます