Premium
Lotus Perfume
Scroll-driven 3D perfume landing page: a lotus blooms on a stone in a pink sea, a ruby bottle rises and mists, then dives to an underwater showroom.
HorizonX Codeライブラリ
HorizonX ライブラリのテンプレートとアセットのセレクション。
HorizonX Code
ツール
ブラウザ上で設定し、コードとして書き出せるインタラクティブなコンポーネント。
テクスチャ
自分の画像に使える編集可能な仕上げ。ブラウザ上で見た目を調整して書き出せます。
閲覧数ランキング
コミュニティで繰り返し選ばれているテンプレートです。
ご利用の流れ
探して、使い始めるまで。
アセットを選び、プロジェクトに追加して使い始めます。
-
HorizonXが確認したUIキット、テンプレート、デザインアセットを掲載しています。
- Assets
- UI/UX
- Code
-
月額または年額のメンバーシップでライブラリ全体を利用でき、HorizonXのすべてのプロダクトに商用ライセンスが付きます。
- フルアクセス
- 商用ライセンス
-
メンバーシップに含まれるファイルをダウンロードして、プロジェクトで使えます。
- .fig
- .zip
Library
The Internet's #1
premium UI library & tools
Every kit, template and shader, made by one team.
Made in-house, every pixel
1000+ products by the HorizonX team, plus credited open-source libraries.
Motion, ready to ship
Animated heroes and real-time WebGL effects you can tune and export.
Figma files or code
Each product ships as a Figma file or as code, as named on its page.
Remix it, then export
Recolour textures, retune shaders and stage mockups in the browser.
One plan, everything
Commercial licence, MCP access for your agent. Cancel anytime.
Rated 5.0 by the first customers
14 reviews from the Gumroad storefront this library grew out of, every one of them five stars. Since then: 6,900+ downloads served here.
5.0 14 verified Gumroad ratings
"Super impressed by the clean & well organised and ready to go templates. Highly recommend if you're into solid design systems 🔥"
"Marcelo's Figma Design Package is genuinely impressive. The collection of designs and animations has been incredibly helpful, providing top-notch resources that enhance any project."
"Marcelo's concepts seem to come from the future, big deal. You won't regret it."
"I have seen more than 50% of Marcelo's designs. I am very impressed. I have gotten a lot of ideas from your designs, especially the 3D website animation."
"Marcelo is lit, you will get a wow after seeing the 3D animation in Figma. Highly recommended."
"Wow, it's a lot. I've already learned a lot about how to do some animations and designs. This is very valuable!"
"AMAZING!! Highly recommend!! You the best Marcelo!"
"Great asset library."
"Awesome designs."
"Super, thank you!"
料金プラン
シンプルで明確な料金体系
どのプランでもライブラリ全体を利用できます。いつでも解約できます。
Starter
つくる自分のプロジェクトをつくるクリエイター向け。
$24.99 /月
月払い
Starterを選ぶ プレミアムダウンロード5回 /月
プレミアムアイテムへのアクセス：フルページ、テンプレートなど
ダウンロード10回 / 日
全カテゴリー：UI/UX、コード、デザインシステム、アセットなど
エディター書き出し30件 / 日
30日ごとに100件。Tools・Textures・Shaders・モックアップで共通
- ライブラリ：UIキット、コンポーネント、テンプレート、アイコン、3Dモデルなど
- Tools：インタラクティブなコンポーネントをカスタマイズ
- テクスチャ：カスタマイズ可能なエフェクトで画像や動画を変換
- Shaders：アニメーションビジュアルを細かく調整
- モックアップ：デザインをスマホ、ノートPC、タブレット、腕時計、カードに配置新着
- Copy Prompt：あらゆるコンポーネントに使える、そのまま貼り付けられるAIプロンプト新着
- MCP：AIエージェントからすべてのコンテンツにアクセス新着
- 30日ごとにモックアップ動画（MP4）20本
- 2K・4Kで書き出し（モックアップ動画は1080p）
- 編集可能なFigmaファイルや本番用コードをダウンロード
- 商用ライセンス
- 48時間以内に返信する標準サポート
Pro
伸ばすクライアントワークを納品するフリーランスやプロ向け。
$39.99 /月
月払い
クライアント請求1時間分より安い価格です。
Proを選ぶ プレミアムダウンロード12回 /月
プレミアムアイテムへのアクセス：フルページ、テンプレートなど
ダウンロード25回 / 日
全カテゴリー：UI/UX、コード、デザインシステム、アセットなど
エディター書き出し60件 / 日
30日ごとに200件。Tools・Textures・Shaders・モックアップで共通
- ライブラリ：UIキット、コンポーネント、テンプレート、アイコン、3Dモデルなど
- Tools：インタラクティブなコンポーネントをカスタマイズ
- テクスチャ：カスタマイズ可能なエフェクトで画像や動画を変換
- Shaders：アニメーションビジュアルを細かく調整
- モックアップ：デザインをスマホ、ノートPC、タブレット、腕時計、カードに配置新着
- Copy Prompt：あらゆるコンポーネントに使える、そのまま貼り付けられるAIプロンプト新着
- MCP：AIエージェントからすべてのコンテンツにアクセス新着
- 30日ごとにモックアップ動画（MP4）100本
- 2K・4Kで書き出し（モックアップ動画は1080p）
- 編集可能なFigmaファイルや本番用コードをダウンロード
- 商用ライセンス
- 新作をリリース月のあいだすべて利用可能
- 24時間以内に返信する優先サポート
Max
リードするスピード勝負で納品するチームやエージェンシー向け。
$99.99 /月
月払い
Maxを選ぶ プレミアムダウンロード25回 /月
プレミアムアイテムへのアクセス：フルページ、テンプレートなど
ダウンロード50回 / 日
全カテゴリー：UI/UX、コード、デザインシステム、アセットなど
エディター書き出し150件 / 日
30日ごとに600件。Tools・Textures・Shaders・モックアップで共通
- ライブラリ：UIキット、コンポーネント、テンプレート、アイコン、3Dモデルなど
- Tools：インタラクティブなコンポーネントをカスタマイズ
- テクスチャ：カスタマイズ可能なエフェクトで画像や動画を変換
- Shaders：アニメーションビジュアルを細かく調整
- モックアップ：デザインをスマホ、ノートPC、タブレット、腕時計、カードに配置新着
- Copy Prompt：あらゆるコンポーネントに使える、そのまま貼り付けられるAIプロンプト新着
- MCP：AIエージェントからすべてのコンテンツにアクセス新着
- 30日ごとにモックアップ動画（MP4）400本
- 2K・4Kで書き出し（モックアップ動画は1080p）
- 編集可能なFigmaファイルや本番用コードをダウンロード
- 商用ライセンス
- すべての新作に先行アクセス
- 当日中に返信する優先サポート
- チームメンバー3人を招待してダウンロード枠を共有
よくある質問
よくあるご質問にお答えします
-
はい。HorizonXのプロダクトには追加料金なしで商用ライセンスが付属します。個人、クライアント、商用プロジェクトで自由に使用・編集できます。オープンソースのパックは作者のライセンスのままで、そのライセンスはダウンロードに同梱されています。
-
いいえ。HorizonXに単品購入はありません。1つのサブスクリプションで、有効な間は新作を含むライブラリ全体が定額でご利用いただけます。
-
プランごとに2種類の利用枠があります。厳選された最高品質のアセットにはPremiumバッジ（金色の王冠）が付き、このアセットのみ月間利用枠にカウントされます。月間上限はStarterが5点、Proが12点、Maxが25点で、毎月1日にリセットされます。それ以外のアセットには別の日間利用枠が適用され、1日あたり10点、25点、または50点をダウンロードでき、毎日リセットされます。どちらの利用枠もUTCの午前0時にリセットされます。全カタログの閲覧は常に無制限で、取得済みのアセットを再ダウンロードしても重複してカウントされません。Tools、テクスチャ、Shaders、Mockupsの各エディタからのエクスポートは、これらのダウンロード利用枠を使いません。エディタには1日あたりと30日あたりの異なるアイテム数の利用枠があり、プランに応じて増えます。同じアイテムを30日以内に再エクスポートしても追加でカウントされません。モックアップ動画には別の上限があります。
-
はい。ダウンロード上限とは別に設定されています。AIコーディングエージェントはMCP経由でライブラリを検索し、Tools、テクスチャ、Shaders、Mockupsの各エディタからエクスポートできます。エージェントがライブラリからダウンロードしたファイルは、通常のダウンロードとしてカウントされます。エージェントによるエディタからのエクスポートにはプランに応じて増える独自の日間上限があります。数値はドキュメントの「ダウンロード数、上限、リセット」でご確認ください。モックアップはMCPで検索し、インタラクティブなHTML埋め込みをエクスポートできます。画像と動画はブラウザエディタでレンダリングします。
-
エクスポートした異なるモックアップは、Tools、テクスチャ、Shadersと共通のエディタ利用枠に1回ずつカウントされます。利用枠はプランに応じて増えます。同じモックアップを30日以内に再エクスポートしても、画像でも埋め込みでも追加でカウントされません。MP4動画には30日ごとの上限が別にあり、Starterは20本、Proは100本、Maxは400本、トライアル中は5本です。同じモックアップの2本目の動画を10分以内に書き出しても、追加でカウントされません。モックアップのエクスポートでLibraryのダウンロード利用枠が使われることはありません。
-
デザイン素材はFigmaファイルで提供されます。コード付きテンプレートはHTML/CSS、または製品ページに記載のフレームワークのコードで提供されます。各ページでは、ダウンロード前に内容を正確に確認できます。
-
はい。製品が更新された場合、サブスクリプションが有効な間は追加費用なしでライブラリから最新版をダウンロードできます。
-
はい、いつでも解約できます。請求期間の終了までアクセスは維持されます。その後は新しいダウンロードは停止しますが、すでにファイルを使って制作したものはライセンスの範囲であなたのものです。
-
HorizonXは自社のプロダクトをデザイン・制作し、ライブラリ内のすべての製品を審査しています。また、厳選したオープンソースのライブラリを作者のクレジット付きでパッケージ化して提供しています。メンバーはCommunityで自分の作品を共有できます。また、どなたでも著作権およびDMCAポリシーを通じてコンテンツを報告できます。
毎週新着リリース
UIキットとコード。 もっと速く作るために。
HorizonXチームが制作したキット、コンポーネント、Figmaファイル。ダウンロードして、調整して、公開できます。
決済後すぐにご利用いただけます。