DesignLayer
料金ROI計算機
コンポーネント一覧へ戻る
これは何か
白地に見出しと2カラムのカードを置く料金ROI計算機です。左で開発時間と時給をスライダー入力し、右に内製コストと月額プランの差額・時給換算を出します。コピーと比較月額を差し替えて、SaaS やプロダクト LP の料金ページにそのまま置けます。
ガイドを読む
コンポーネントライブプレビュー
料金ROI計算機
白地に見出しと2カラムのカードを置く料金ROI計算機です。左で開発時間と時給をスライダー入力し、右に内製コストと月額プランの差額・時給換算を出します。コピーと比較月額を差し替えて、SaaS やプロダクト LP の料金ページにそのまま置けます。
無料: コンポーネント月5回・動画プロンプト月1回 · 無制限は30日パスと Lifetime
含まれるもの
- ソースを Cursor / Claude に渡してエージェントに組み込める
- スマートフォン・タブレット・パソコン対応
- React · TypeScript · Tailwind CSS · Lucide の完成 UI
依存パッケージ
- React 19.0.0
- Typescript 5.7.2
- Tailwindcss 3.4.16
- Lucide-react 1.23.0
技術スタック
- React
- TypeScript
- Tailwind CSS
- Lucide
バージョン 1.0.0