Components and Model Marketplace

Understand component sources, browse and filter the Model Marketplace, download models, and place them safely on a page.

A component is a reusable piece of a page. The editor may also call it a block, model, or section. Examples include a hero, feature grid, pricing comparison, FAQ, testimonial group, or call to action.

Component sourcesCopy Anchor Link

Placing a component creates a page copy. Changing the page copy does not rewrite the library source.

Open the Model MarketplaceCopy Anchor Link

1. Open Blocks in the left panel.
2. Select the plus action in the panel heading.
3. The Model Marketplace opens.

The marketplace search matches model names, categories, and tags.

FiltersCopy Anchor Link

• All models — every available result.
• Official — the PageDesigner collection.
• AI-made — models tagged as AI-generated.
• Community — community-shared models.
• Installed — models already available in the local cache.

Use Refresh to request the current manifest. When Hosted cannot be reached, PageDesigner can show downloaded cached components and reports that the hosted connection is unavailable.

Download, add, and cache statesCopy Anchor Link

The action on a card depends on local state:

• Download fetches and verifies the model payload, then saves it in the local cache.
• Add makes an available model usable in the current Blocks panel or places it as the UI indicates.
• In library means the model is already available.
• Cache identifies a local cached source when Hosted is not the current source.

Downloaded content is verified before it is cached. If verification fails, do not attempt to bypass it with copied unknown HTML.

Place a model on the canvasCopy Anchor Link

1. Download or add the model.
2. Close the marketplace.
3. Find it in Blocks.
4. Drag it to the intended position.
5. Select it.
6. Replace all example content.
7. Check desktop, tablet, and mobile.
8. Test interactions in Preview.

Choose models deliberatelyCopy Anchor Link

Before adding a model, ask:

• Does it help the page's main goal?
• Does its information structure fit the content?
• Does it match nearby sections?
• Can it be reduced to the amount of content you actually have?
• Does it require an interactive library that the active theme has not enabled?

The most visually elaborate model is not automatically the best model.

Understand hosted updatesCopy Anchor Link

The hosted manifest can report a newer version for a reusable cached component.

• An update to the reusable cache does not rewrite a component already placed on a page.
• Existing pages therefore remain stable.
• To use the new version, add the refreshed reusable model and deliberately migrate your content.
• Auto-update downloaded library cache affects the reusable template only.

Empty or incomplete resultsCopy Anchor Link

If the list looks empty:

1. Clear the search.
2. Switch to All models.
3. Select Refresh.
4. Check whether the status says Hosted is connected or only the local cache is available.
5. Confirm your role has hosted-library view/download permissions.
6. Confirm the license is active.
7. Review diagnostics and application logs if the request failed.

Interactive modelsCopy Anchor Link

Some accordions, tabs, carousels, and other enhanced components can use optional FlyonUI/Iconify theme integration.

Always:

• test interactive mode on the canvas;
• test full Preview;
• test the public page after publishing;
• verify keyboard and touch behavior;
• confirm the active theme contains any optional frontend integration the model expects.

Marketplace safetyCopy Anchor Link

• Replace all sample copy, images, links, prices, and IDs.
• Do not paste credentials or private customer content into a model.
• Verify the rights for media and copy.
• Check external requests and embeds.
• Prefer official or reviewed sources.
• Treat uploaded custom HTML as code.
• Never add scripts or inline event handlers through canvas HTML.

When to save, fork, or shareCopy Anchor Link

Continue with Reuse, fork, and share components.

---