アニメーションコンポーネント

アプリ画面に生命を吹き込む132個の無料コンポーネント。ロールする数値、積み重なるトースト、スライドするタブ、震える入力欄。CSSファースト、視差効果の軽減に対応、ライトとダーク。動きのきっかけで絞り込めます。

Ctrl K

132個のコンポーネント

Core UI 30

一覧

Button

あらゆるバリエーションとトーンとアニメ

Playground無料

Badge

あらゆるスタイルの状態表示

Playground無料

Card

アクセント付きの重ねカード

Playground無料

Input

ラベル、アイコン、状態

Playground無料

Avatar

ステータス、リング、グループ

Playground無料

Alert

アクション付きのインライン通知

Playground無料

Tabs

6種のタブ、APIはひとつ

Playground無料

Switch

5種の見た目のトグル

Playground無料

Separator

ラベル付きの区切り線

Playground無料

Breadcrumb

きれいに折りたたむパス

Playground無料

Pagination

ページ、件数、ジャンプ

Playground無料

Heading

動きのある見出し文字

Playground無料

Text

プリセット付きの本文

Playground無料

Link

7種の下線スタイル

Playground無料

Kbd

押すと反応するキー

Playground無料

Stat Card

トレンド付きの指標

Playground無料

Select

検索・グループ・複数選択

Playground無料

Tooltip

ショートカット付きヒント

Playground無料

Popover

浮かぶパネル

Playground無料

Dropdown Menu

サブメニュー付きメニュー

Playground無料

Combobox

非同期結果つき検索

Playground無料

Rating

半分も選べる星

Playground無料

Toggle Group

ひとつまたは複数を選択

Playground無料

Table

並べ替え、積み上げ、行の色分け

Playground無料

Data Grid

編集、固定、書き出し

Playground無料

数値とデータ 8

一覧

Counter up

表示されるとカウントアップ

無料

Progress

あらゆるスタイルのバー

無料

フィードバック 7

一覧

Spinners

6種のローダー、propひとつ

無料

ナビゲーション 6

一覧

Stepper

埋まってチェックされるステップ

無料

Dock

拡大するmacOS風Dock

無料

オーバーレイ 5

一覧

リストとテーブル 6

一覧

List reorder

ドラッグで並べ替え、バネ付き

無料

入力 10

一覧

OTP input

自動で進むワンタイムコード

無料

Vanish input

切り替わって消えるプレースホルダー

無料

Input shake

エラーで揺れ、成功でチェック

無料

ボタン 10

一覧

Theme toggle

円形ワイプでライトからダークへ

無料

テキスト 9

一覧

カードとエフェクト 6

一覧

背景 5

一覧

Dot grid

ポインター付近で光るドット

無料

Aurora

ゆったりしたオーロラ

無料

Marquee

流れ続けるバンド

無料

AIとエージェント 16

一覧

Chat message

Markdownとアクション付きメッセージ

Playground無料

Tool call

状態つきのツール実行

無料

Agent plan

リアルタイムのエージェントチェックリスト

無料

Voice orb

声に反応する球体

Playground無料

Diff view

変更をブロックごとに確認

無料

Code block

コピーできるハイライトコード

無料

Eval score

しきい値と比べるスコア

Playground無料

チャート 14

一覧

Area chart

なぞれる塗りつぶし推移

Playground無料

Bar chart

グループ棒または積み上げ棒

Playground無料

Heatmap

活動がひと目で

Playground無料

Gauge

ダイヤルで見る1つの数値

Playground無料

Treemap

大きさをタイルで

無料

KPI trend

数値とスパークライン

Playground無料

Chart legend

クリックで系列を非表示

Playground無料