本文へスキップ

CSS CARGO PRO INTERACTION-GRADE COMPONENTS

コピーするのは、見た目ではなく
完成度。

光源、押下、状態遷移、スクロールの意味まで設計済み。実案件へそのまま積める、依存ゼロのプレミアムCSSプロダクトです。

37 COMPONENTS0 DEPENDENCIESA11Y BUILT-IN
¥4,980 で開梱する買い切り・税込 / 今後の追加分も含む収録表現を見る

無料520点はこれからも無料。PROは表現品質と導入時間を買い切るライセンスです。

LIVE MATERIAL LABPOINTER / PRESS / FOCUS

READY — ポインター、タップ、Tabキーで試せます

REFRACTION 0.72SPRING 240 / 22FALLBACK READY
SCROLL TO UNPACK

01 QUALITY DELTA

派手さではなく、
設計されている状態数が違う。

同じ「ボタン」でも、PROは操作、待機、完了、失敗、キーボード、モバイルまでをひとつのシステムとして届けます。

FREE / SINGLE STATE一般的なグラスボタン
  • 01Hover表現
  • 01状態
  • —導入ガイド
PRO / COMPLETE SYSTEMGel Control
  • 08操作状態
  • 03入力方式
  • A11Y組み込み済み
POINTER LIGHTPRESS PHYSICSLOADINGSUCCESSERRORFOCUS VISIBLEREDUCED MOTION

02 FLAGSHIP EXPERIENCES

スクロールが、
説明そのものになる。

01 / 03 — SCROLL PROGRESS

03 GEL CONTROLS / MATERIAL SYSTEM

ひとつの質感を、
10の実用状態へ。

疑似要素、屈折レイヤー、共有光源、押下圧縮をCSS変数で制御。意味は色だけに頼らず、タッチ・キーボードでも同じ操作結果を返します。

LIGHT SOURCE72%
01 / PRIMARY
02 / DARK
03 / CLEAR
04 / PEARL
05 / ICON
06 / TOGGLE
07 / SEGMENTED
08 / LOADING
09 / SUCCESS
10 / ERROR
CSS CUSTOM PROPERTIES44PX+ TARGETSNO RUNTIME DEPENDENCYREDUCED MOTION

04 PRACTICAL FREIGHT

表現だけでは終わらない。
LP一式まで、接続済み。

主役のインタラクションを支える実用セクションも同じトークンと品質基準で統一。組み合わせるだけで、情報設計の通ったページになります。

your-product.example
SHIP BETTER SOFTWARE

Build once.
Deliver beautifully.

98%2.4x48ms
LIVE DOM PREVIEW

COMPLETE LANDING PAGE KIT

  • 01Hero / Navigation最初の価値とCTAを接続
  • 02Feature / Metrics比較・実績を読みやすく構造化
  • 03Pricing / FAQ意思決定の不安を解消
  • 04Social proof / CTA信頼から行動へ自然に誘導
全37点のライブプレビューへ

05 WHAT YOU GET

コードを受け取った日から、
案件へ積み込める。

整形済みのHTML / CSS / JavaScript、AI実装プロンプト、導入・カスタマイズ情報をセットで提供します。

FORMAT
HTML / CSS / Vanilla JS
RUNTIME
Dependency free
LICENSE
Commercial / Credit free
SUPPORT
Responsive / Keyboard / Reduced motion
DELIVERY
Instant unlock after Stripe checkout
UPDATES
Future PRO parts included

06 OPEN INVENTORY

全37点、
購入前に触って確認。

プレビューはすべて公開。購入後は各カードのHTML / CSS / JS / AIプロンプトがその場で開錠されます。

PRO-01 ヒーローセクションファーストビューを丸ごと1点で置ける大型パーツ。 3点
PRO-01-001 PRO

v2.0 リリース — 新しい自動化エンジン

データの流れを、
光の速さで設計する。

散らばった業務データをひとつのパイプラインに。ノーコードで始めて、コードで拡張できる自動化基盤。

無料で始める デモを予約
1,200+
導入チーム
99.9%
稼働率
5分
初期設定

オーロラグリッド ヒーローAURORA GRID HERO

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 4396 B ORIGINAL
PRO-01-002 PRO

TOKYO / DESIGN STUDIO — SINCE 2020

DESIGN BEYOND BORDERS

ブランド、Web、空間。境界を越えて「らしさ」を形にするデザインスタジオ。

制作実績を見る

キネティックタイポ ヒーローKINETIC TYPE HERO

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3783 B ORIGINAL
PRO-01-003 PRO

バックオフィスを、
ひとつのガラスの上に。

申請から承認、支払いまで。散らばった業務をひとつの画面に集約するクラウドワークスペース。

クレジットカード不要・30日間すべての機能を利用可能

グラスパノラマ ヒーローGLASS PANORAMA HERO

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 4189 B ORIGINAL
PRO-02 セクションキット料金表・比較表・FAQ・お客様の声…。同じトーンで作られた10種を積むだけでLPが組み上がる。 10点
PRO-02-001 PRO

PRICING

チームの規模に合わせて

いつでもアップグレード・ダウングレードできます。年額なら2ヶ月分お得。

月額 年額 -20%

Starter

個人・検証用に

¥0/ずっと無料

  • プロジェクト 1件
  • 月100回の実行
  • コミュニティサポート
無料で始める

いちばん人気

Growth

成長中のチームに

¥2,480¥1,980 /月/月(年一括)

  • プロジェクト無制限
  • 月10,000回の実行
  • 優先サポート
  • チーム5名まで
14日間無料で試す

Scale

本格運用・大規模に

¥9,800¥7,840 /月/月(年一括)

  • 実行無制限・SLA 99.9%
  • SSO / 監査ログ
  • 専任サポート
営業に相談

料金表(月額/年額 CSSトグル)PRICING TIERS

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 6974 B ORIGINAL
PRO-02-002 PRO

COMPARE

プランを比較する

機能 Free おすすめPro Team
プロジェクト数1無制限無制限
月間実行回数10010,000無制限
カスタムドメイン
API連携
SSO / 監査ログ
サポートコミュニティ優先メール専任担当

機能比較表(推しプラン強調)COMPARISON TABLE

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 4486 B ORIGINAL
PRO-02-003 PRO

FAQ

よくある質問

解決しない場合は、サポートまでお気軽にどうぞ。

お問い合わせ
無料トライアルに支払い情報は必要ですか?

不要です。14日間すべての機能を試せます。期間終了後に自動課金されることはありません。

プランはいつでも変更できますか?

はい。アップグレードは即時反映、ダウングレードは次の請求サイクルから適用されます。差額は日割りで精算します。

データのエクスポートはできますか?

すべてのプランでCSV / JSON形式のエクスポートに対応しています。解約後30日間はデータを保持します。

請求書払いに対応していますか?

Teamプランで請求書払い(銀行振込・月末締め翌月末払い)に対応しています。営業までご相談ください。

FAQアコーディオンFAQ ACCORDION

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 5186 B ORIGINAL
PRO-02-004 PRO

VOICE

現場のチームが選ぶ理由

手作業で3時間かかっていた集計が、導入初日から自動になりました。設定の分かりやすさが段違いです。
佐藤 拓海制作会社 / ディレクター
ツールの乗り換えで一番怖いのは移行コスト。ここはインポートが丁寧で、週明けにはチーム全員が使えていました。
金子 美咲SaaS企業 / PM
月次レポートの作成が完全自動化。空いた時間を改善の議論に使えるようになったのが最大の価値です。
山口 涼EC事業 / マーケター

お客様の声(3枚+スター)TESTIMONIALS

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 6040 B ORIGINAL
PRO-02-005 PRO

スタートアップから上場企業まで、500+チームが利用

導入企業ロゴ帯(マーキー)LOGO MARQUEE

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3036 B ORIGINAL
PRO-02-006 PRO

FEATURES

必要なものは、すべて標準で

追加プラグインも複雑な設定も不要。契約したその日からフル機能が使えます。

ワークフロー自動化

トリガーとアクションをつなぐだけ。コードなしで業務フローを自動化できます。

エンタープライズ級の安全性

保存データは暗号化。権限管理と操作ログで、監査にもそのまま対応します。

リアルタイム分析

実行状況とボトルネックをダッシュボードで即座に把握。改善が速くなります。

100+の外部連携

Slack・スプレッドシート・各種CRM。使い慣れたツールとすぐつながります。

多言語・多拠点対応

タイムゾーンと言語をまたぐチームでも、同じ画面で同じ情報を共有できます。

AIアシスト

自然文からフローを下書き。設定ミスの検知と改善案の提案まで任せられます。

機能グリッド(6枚+SVGアイコン)FEATURE GRID

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 5205 B ORIGINAL
PRO-02-007 PRO

TRACTION

数字が語る、
定着するプロダクト

500+
導入チーム
1.2億回
累計自動実行
99.9%
直近12ヶ月の稼働率
38%
平均作業時間の削減

実績スタッツ帯(ダーク)STATS BAND

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3348 B ORIGINAL
PRO-02-008 PRO

HOW IT WORKS

最短5分で、最初の自動化まで

  1. 1

    アカウント作成

    メールアドレスだけで登録完了。クレジットカードは不要です。

  2. 2

    ツールを接続

    普段使っているツールを選んでワンクリック連携。100種類以上に対応。

  3. 3

    フローを有効化

    テンプレートを選んでスイッチON。あとは自動で動き続けます。

導入ステップ(3工程+コネクタ)STEPS FLOW

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3326 B ORIGINAL
PRO-02-009 PRO

今日の面倒な作業を、
最後の1回に。

14日間の無料トライアル。クレジットカード不要・いつでも解約できます。

無料で始める 導入事例を見る

最終CTAバンド(ゴールドグロー)FINAL CTA BAND

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3939 B ORIGINAL
PRO-04 ジェルボタン・プレミアムばね物理(Spring積分器)とグーイで「触って気持ちいい」を作り込んだボタン群。全点キーボード対応・reduced-motionフォールバック付き。 10点
PRO-04-001 PRO

ジェルCTA(光沢追従+ばね押下)GEL CTA

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 4253 B +JSORIGINAL
PRO-04-002 PRO

マグネットボタン(吸着+ばね復帰)MAGNETIC BUTTON

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 2867 B +JSORIGINAL
PRO-04-003 PRO

いいねボタン(ジェル爆発+カウント)GEL LIKE

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 4074 B +JSORIGINAL
PRO-04-004 PRO

送信ボタン(液体が満ちる→完了)GEL SUBMIT

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3227 B +JSORIGINAL
PRO-04-005 PRO

ジェルトグル(グーイ+ばねノブ)GEL TOGGLE

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3612 B +JSORIGINAL
PRO-04-006 PRO

ダークジェルボタン(墨色屈折)DARK GEL BUTTON

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 1690 B ORIGINAL
PRO-04-007 PRO

クリアジェルボタン(透明レンズ)CLEAR GEL BUTTON

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 1416 B ORIGINAL
PRO-04-008 PRO

パールジェルボタン(乳白反射)PEARL GEL BUTTON

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 1535 B ORIGINAL
PRO-04-009 PRO

ジェルセグメント(選択ピル移動)GEL SEGMENTED CONTROL

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 1969 B +JSORIGINAL
PRO-04-010 PRO

ジェルエラーボタン(失敗→再試行)GEL ERROR BUTTON

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 2604 B +JSORIGINAL
PRO-05 スクロールシネマJSゼロのスクロール駆動演出(CSS scroll-driven animations)。非対応ブラウザには無劣化フォールバック。 8点
PRO-05-001 PRO

SCROLL-DRIVEN

スクロールが、演出になる。

背景・グリッド・光球が異なる速度で流れる3層パララックス。JSもライブラリも使っていません。

パララックスヒーロー(3層視差)PARALLAX HERO

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3654 B ORIGINAL
PRO-05-002 PRO

スクロールで立ち上がる

01

視界に入った分だけ

カードの表示率がそのまま進捗。スクロールを戻せば逆再生されます。

02

JSゼロ

IntersectionObserverもライブラリも不要。CSSだけで完結します。

03

段差入場

1枚ごとに開始タイミングをずらし、リズムを作っています。

04

無劣化フォールバック

非対応ブラウザでは最初から表示。何も壊れません。

05

酔わない設計

reduced-motion環境では演出を完全に停止します。

06

そのまま流用

このカードをあなたの機能紹介に差し替えるだけ。

ビューリビール・グリッド(段差入場)VIEW REVEAL GRID

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 2537 B ORIGINAL
PRO-05-003 PRO

1 / 3

散らばったデータ

ツールごとに分断された情報。探す時間が仕事を止める。

2 / 3

ひとつのパイプラインへ

接続はワンクリック。流れができれば、迷いは消える。

3 / 3

チームは前に進む

作業は自動で回り続ける。人は判断に集中できる。

スティッキーストーリー(3場面切替)STICKY STORY

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3054 B ORIGINAL
PRO-05-004 PRO

スクロールで満ちる数字

520+
導入チーム
99%
継続率
38%
時間削減

スクロール連動カウンターSCROLL COUNTER

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 2636 B ORIGINAL
PRO-05-006 PRO
01 / UNPACK THE SYSTEM

箱から、完成したページへ。

  1. SEALED必要な品質を一箱に梱包
  2. UNPACKEDセクションを順番に展開
  3. DELIVERED実案件へ接続して完了

スティッキー・カーゴストーリーSTICKY CARGO STORY

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 4185 B ORIGINAL
PRO-05-007 PRO
DEPTH EXPLAINS STRUCTURE

一枚に見えて、
三層で伝える。

グラス・パノラマ2.0GLASS PANORAMA 2.0

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3365 B ORIGINAL
PRO-05-008 PRO
ROUTE 01 / IDEA TO INTERFACE

DESIGNED.
PACKED.
DELIVERED.

CSS CARGO / PROPRODUCTION READYSEMANTIC · RESPONSIVE · DEPENDENCY 0DELIVERED

キネティック・マニフェストKINETIC MANIFEST

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 2767 B ORIGINAL
PRO-06 3Dインタラクティブカードポインタで傾き、光り、層が動く「面」の最上位表現。ばね物理で離すと自然に戻る。全点キーボードでも奥行きが伝わる。 5点
PRO-06-001 PRO
FEATUREDPRO-06

手に取れる
一枚に。

ポインタの位置で傾き、光沢が面を滑る。離せばばねで正面へ戻ります。

CSS CARGO

3Dチルトカード(ばね+光沢追従)SPRING TILT CARD

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 5341 B +JSORIGINAL
PRO-06-002 PRO
01

ひとつの光源

カード個別ではなく、面全体をひとつの照明が照らします。

02

境界が呼応する

近づいたカードの縁だけが金色に浮かび上がります。

03

JSは座標だけ

描画は全てCSS。JavaScriptはポインタ位置を渡すだけです。

スポットライト・グリッド(共有光源)SPOTLIGHT GRID

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3731 B +JSORIGINAL
PRO-06-003 PRO
CASE STUDY

奥行きは、
情報の順序になる。

背景・中景・前景が別々の速さで動き、視線が自然に見出しへ集まります。

詳しく見る

パララックス深度カード(3層)PARALLAX DEPTH CARD

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 4817 B +JSORIGINAL
PRO-06-004 PRO

LIFETIME LICENSE

PRO

¥4,980買い切り

  • 全コンポーネント
  • AI実装プロンプト
  • 今後の追加分も無料
開梱する

ホログラム料金カードHOLOGRAPHIC PRICING

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 5162 B +JSORIGINAL
PRO-06-005 PRO

3Dフリップカード(表裏切替)FLIP CARD 3D

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 3826 B +JSORIGINAL
PRO-03 LP一式テンプレートナビからフッターまで9セクション接続済み。1点でページが完成する旗艦パーツ。 1点
PRO-03-001 PRO
無料で始める

v2.0 リリース

面倒な作業を、
最後の1回に。

散らばった業務データをひとつのパイプラインに。ノーコードで始めて、コードで拡張できる自動化基盤。

無料で始める 機能を見る

500+チームが利用しています

ACMEOrbit&Conova_labKITEHanedadeltaform

FEATURES

必要なものは、すべて標準で

ワークフロー自動化

トリガーとアクションをつなぐだけ。コード不要で業務を自動化。

企業級の安全性

暗号化・権限管理・操作ログ。監査にもそのまま対応します。

リアルタイム分析

実行状況とボトルネックをダッシュボードで即座に把握。

500+
導入チーム
99.9%
稼働率
38%
作業時間削減

PRICING

チームの規模に合わせて

いちばん人気

Growth

¥2,480/月

  • プロジェクト無制限
  • 月10,000回の実行
  • 優先サポート
14日間無料で試す

FAQ

よくある質問

無料トライアルに支払い情報は必要ですか?

不要です。14日間すべての機能を試せます。自動課金はありません。

プランはいつでも変更できますか?

はい。アップグレードは即時、ダウングレードは次の請求サイクルから適用されます。

データのエクスポートはできますか?

全プランでCSV / JSONエクスポートに対応。解約後30日間はデータを保持します。

今日から、自動で回る仕組みへ。

14日間無料・クレジットカード不要

無料で始める

LP一式テンプレート(9セクション接続済み)LANDING SUITE

PRO専用パーツ

コードとAI実装プロンプトはPROライセンス(買い切り¥4,980)で開錠されます。

ライセンスを見る
GROSS WT. 19669 B ORIGINAL

07 BEFORE UNPACKING

購入前の確認。

無料パーツは今後も無料ですか?

はい。公開済みの無料パーツ520点は今後も無料・商用OKのままです。PROは新設の大型パーツに対するライセンスです。

買い切りですか?月額ですか?

買い切り¥4,980(税込)です。月額費用はなく、今後追加されるPROパーツもそのまま利用できます。

購入後はどう使いますか?

決済完了後に自動でこのページに戻り、コードとAIプロンプトが開錠されます。開錠状態はこのブラウザに保存されます。別端末で使う場合は購入完了時のリンクを保存してください。

領収書は発行されますか?

決済完了時にStripeから領収書メールが届きます。

返金はできますか?

デジタルコンテンツの性質上、決済完了後の返金はお受けできません。プレビューは購入前にすべて確認できます。

FINAL DESTINATION / PRO LICENSE

実装時間ではなく、
完成度から始める。

全37点、AI実装プロンプト、今後のPRO追加分を含む買い切りライセンス。

¥4,980 で開梱する買い切り・税込 / 今後の追加分も含む
Stripe決済商用利用OKクレジット不要即時開錠

利用規約 / 特定商取引法に基づく表記 / デジタル商品のため決済後の返金はできません