カード・コンテンツUI 30種

くらし・移住

移住のメリットを
ぜんぶ紹介します

自然もまちも子育ても。このまちで暮らす魅力をぎゅっとまとめました。

詳しく見る ›

01. 自治体風カードポップ / 丸抜き写真+ピルボタン

キッズの日

2026.07.20 SUN

親子で楽しむ!
わくわく工作フェスタ開催

お知らせを読む

02. お知らせリボンポップ / 斜めリボンタグ

Child Development

こども発達学科

03. blob学科紹介ポップ / 有機的なかたち

ほ乳類

らいおんの
なかまたち

サバンナエリア

04. 動物園カードポップ / カラフルバー+丸バッジ

りずむひろば

うたって、おどって、たのしくリズムあそび。
はじめてでもだいじょうぶ!

たいしょう:2〜4さい

05. パステルしましまポップ / 子供向け教室風

営業中

みどりのパン工房

毎朝焼きたて。国産小麦のやさしいパン屋さんです。

10:00 - 17:00 / 月休

06. スタンプ風バッジポップ / ホバーでぽんっ

★★★★★

スタッフさんがとても親切で、初めてでも安心して通えました。子どもも毎週たのしみにしています!

さとうゆきさんご利用歴 2年 / 30代

07. ふきだしカードポップ / 利用者の声

ふるさとの風景 ¥84

MIDORI
2026.7.20

08. 切手風カードポップ / ギザギザ縁+消印

2026.07.01PRESS 新プラン提供開始のお知らせ 2026.06.24導入事例株式会社サンプル様の事例を公開 2026.06.10イベント夏季オンライン展示会に出展します

09. ニュースリストビジネス / 日付+タグ+タイトル

COLUMN 業務効率を2倍にする自動化の始め方まず何から手を付けるべきか、3つの視点で解説します。

10. 横並びメディアカードビジネス / 左写真+右テキスト

月間アクティブユーザー group

12,480人

arrow_upward+12.4%前月比

11. statsカードビジネス / 大きな数字+前月比

” ABAB PLANNING Inc.

導入からわずか3ヶ月で、月次の集計作業が20時間から2時間になりました。

企画管理部部長 / 従業員120名・広告業

事例の続きを読む →

12. 導入事例カードビジネス / ロゴ+引用

人気No.1

STANDARD

¥2,980/月

check_circleメンバー10人まで
check_circleすべてのテンプレート
check_circleチャットサポート

14日間無料で試す

13. 料金ミニカードビジネス / 人気バッジ付き

山田花子

LEAD DESIGNER

UI/UXデザイン歴8年。
デザインシステムの設計が得意です。

14. チーム紹介カードビジネス / アバター+SNS

ONLINE SEMINAR

はじめてのDX推進
成功する社内浸透のコツ

残り3席

calendar_month2026年7月22日(水) schedule14:00 - 15:30(質疑応答あり) videocamZoom開催 / 参加無料

今すぐ申し込む

15. セミナー告知カードビジネス / 日時+残席バッジ

WHITE PAPER

3分でわかる
マーケ自動化入門

PDF / 全24ページ / 無料 download資料をダウンロード

16. 資料DLカードビジネス / サムネ+DLボタン

TRAVEL 夕暮れの砂丘を歩くマジックアワーだけの、特別な絶景ツアー。

17. ズーム+文字スライドホバー / 下から出るオーバーレイ

マウスに吸いつく3Dカード

カーソル位置に合わせて奥行きごと傾きます。要素ごとに浮遊感のある視差付き。

18. 3Dチルトホバー / マウス追従で傾く(JS)

RECIPE

はちみつレモンの
ひんやり夏スカッシュ

角をめくると続きへのリンクが顔を出します。紙っぽい質感のカードにどうぞ。

READ →

19. めくれるカードホバー / 角がめくれてリンク出現

SERVICE 01

グロースコンサルティング

ホバーすると4辺のボーダーがぐるっと一周描画されます。ミニマルなサービス紹介に。

20. ボーダードローホバー / 枠線が一周走る

rocket_launch

スタートアップ支援

ホバーでカードがぐんと浮き、影が長く伸びて矢印が滑ります。

サービスを見るarrow_forward

21. 影が伸びて浮くホバー / 浮遊+矢印スライド

PHILOSOPHY

つくるを、もっと
しなやかに。

黒い背景が左からスライドして、テキストカラーがまるごと反転します。

22. 背景スライド反転ホバー / 色がまるごと入れ替わる

DAY ⇄ NIGHT

昼と夜、ふたつの顔

ホバーで2枚目の写真へスライド切り替え。before/afterにも。

23. 画像2枚切り替えホバー / スライドで2枚目へ

GREEN TOUR 森のガイドウォーク

ツアー詳細

所要時間:約90分 / ガイド付き
料金:大人1,200円・子ども600円
集合:ビジターセンター前

予約する

24. フリップカードホバー / 裏返って詳細表示

GLASS UI

すりガラスの向こうに

backdrop-filterでカラフルな背景をぼかして透かす、ガラス質感カード。

くわしく見る

25. ガラスモーフィズム特殊 / backdrop-filter

NEW DROP

ずれ影とビビッド

黒縁+ベタ塗りシャドウのネオブルータリズム。押すとへこみます。

CHECK →

26. ネオブルータリズム特殊 / 黒縁+ずれ影

LIVE TICKET

MIDNIGHT
PLANETARIUM

2026.08.11 TUE 19:30
そら劇場メインホール

SEAT B-24

27. チケット型特殊 / ミシン目+切り欠き

はじめての海、夕凪。

2026 . 08 . 02

28. ポラロイド風特殊 / ホバーでまっすぐに

03アクセス情報

02料金プラン

01施設ガイド

▲ ホバーで扇に開く

29. スタックカード特殊 / 重なりが扇に開く

プロジェクトの歩み

2024
04
プロジェクト発足

3名の小さなチームでスタート。
2025
01
β版リリース

先行100社に提供、改善を重ねる。
2026
07
正式版ローンチ

導入企業1,000社を突破しました。

30. タイムラインカード特殊 / 左に日付軸

カード・コンテンツUI 30選