ヘルスケア＆フィットネスのデザインテンプレート

Lissom (Home Workout Planner)

A women's home workout planner on a near-white lavender ground (deep plum after dark, the stages deepened to dusky tints), where every session is a photograph of one fictional model, cut out and standing on a pastel stage (orchid, mint, violet or mist). Today opens on a seven-day strip of discs with done days checked in mint, the current day solid violet and planned days as thin rings, over an orchid hero stage for thigh strength with a pulse line and a violet Start button; Explore narrows tall program cards, two-by-two body-area tiles and quick sessions with one search field and chips; Progress keeps an oversized-numeral bento and a violet weight card of hatched bars with one solid white bar on a dashed goal line. A workout lists its moves as numbered thumbnails of her in each pose, and the session turns the stage into the timer: a round stage rimmed by a violet countdown ring, one glass segment per move across the top, and previous, play and next discs in the action bar. Programs run week chips with locked weeks, and Plus has three paywalls: a three-step trial timeline, an immersive plan picker of three poses on a violet hero, and a Free-versus-Plus comparison table. A floating Liquid Glass capsule carries the four tabs (Today, Explore, Progress, You), and glass top and action bars hold back, close and the one primary action within thumb reach.

13画面
iOS & Android
サンプルデータ
2026年10月22日更新
検証済みリリース

無料でコピー · ソース全体 · クレジットカード不要

画面

実際に動作するアプリの10画面。

含まれるもの

すべての画面が動作 — ナビゲーション、レイアウト、テーマをそのまま編集できます。
ソース全体 — TypeScript の Expo と React Native。ワークスペース内のアプリとして届きます。
ライブプレビュー — 変更をブラウザやスマートフォンですぐ確認できます。
検証済みリリース — コンパイルでき、すべての画面がエラーなく開きます。
AI アシスタント — チャットで何でも変更できます。変更ごとにクレジットを使います。
ビルドとストアへのアップロード — iOS と Android のビルドを、公開から App Store と Google Play に送れます。
コピーにクレジット不要 — コピー自体は無料です。

以前のバージョンの FluxNative で作られています。コピーはそのまま動きます。アプリの言語や通貨、概要リンクが必要になったら、エージェントに更新を頼んでください。

必要なもの

FluxNative アカウント — Free プランはアプリを2つまで持てます。
バックエンドなし — すべての画面がサンプルデータで動きます。
Creator 以上 — ネイティブビルドとストアへのアップロード用です。
ストアアカウント — 公開には Apple Developer Program（年額 99 米ドル）と Google Play（1回 25 米ドル）が必要です。

ソースに含まれるもの

画面: 13
ファイル（コピーに含まれる）: 354
行（このアプリのために書かれたコード）: 8,029
個の既製 UI コンポーネント: 131

アプリのテキスト: 英語、ベトナム語

技術スタック

Expo SDK: 57.0.22
React Native: 0.86.3
React: 19.2.8
TypeScript: 6.0.3
Expo Router: 57.0.21

このリリースの package.json より。

デザインシステム

見出し: システムフォント
本文: システムフォント

ライト・ダーク両対応
Liquid Glass
カプセル型ボタン
浮き上がったカード

このテンプレートの使い方

テンプレートを使うと、ソースコード付きの編集できるコピーがワークスペースに作られます（テンプレート）。
変えたいことを AI アシスタントにふだんの言葉で頼みます（アシスタントと作業する）。
変更はライブプレビューやスマートフォンで確かめます（プレビュー）。
Creator 以上のプランで、iOS と Android 向けにビルドしてストアに提出します（公開の概要）。

ライセンスとサポート

ライセンス

あなたのために作られたアプリはあなたのものです。テンプレートのコードは InspireUI に帰属し、あなたのアプリで使うためにライセンスされます（利用規約 › 当社の知的財産）。

ヘルプ

テンプレート、アシスタント、公開のガイド。
ヘルプからサポートに問い合わせ。通常1〜2営業日以内に返信します。
コピーでは、どの画面やファイルでも AI アシスタントに聞けます。

FluxNative 制作

サポートポリシー

質問

無料ですか？

無料テンプレートのコピーはクレジットも含め無料です。Premium はウェブサイトごとに1回の購入です。チャットでの変更とビルドにはクレジットを使います。

何を所有しますか？

あなた向けに作られたアプリはあなたのものです。テンプレートのコードは InspireUI のもので、あなたのアプリで使うライセンスが付与されます（利用規約 › 当社の知的財産）。

コードの知識は必要ですか？

いいえ。普通の言葉でアシスタントに変更を頼めます。必要ならソース全体も使えます。

バックエンドは付属しますか？

いいえ。完全なアプリは必要なバックエンドを示し、サーバーで自分のものを接続します。デザインはサンプルデータで動きます。

デザインは変更できますか？

はい。デザインタブでブランドカラー、色、フォント、角をクレジットなしで設定できます。残りはアシスタントが変更します。

公開にはどのプランが必要ですか？

Creator 以上で、ご自身の Apple と Google のアカウントでビルドとストアへのアップロードができます。Premium テンプレートのアプリは、ウェブサイトを接続すればどのプランでもビルドできます。

ソースをダウンロードできますか？

はい。ワークスペースでプラン、クレジット、有料テンプレートのいずれかを購入済みなら、ソースをダウンロードまたは GitHub にプッシュできます。Premium テンプレートのアプリはウェブサイトの接続も必要です。

以前の FluxNative で作った場合は？

コピーはそのまま動きます。アプリの言語や通貨などの新機能に更新するにはアシスタントに頼んでください。最後のセットアップ手順です。

自分のアプリにしてみませんか？

Lissom (Home Workout Planner) から始めて、チャットで何でも変更できます。コピーには完全なソースコードが含まれます。

無料でコピー。クレジットカード不要。