Released 2026-06-05. Reusable components let you define a piece of UI once and use it across your playground's pages — like a header, a pricing card, or a call-to-action — so you don't copy-paste the same markup everywhere.
Added
- A new Components tab in the playground editor (on plans that include components). Give a component a name and write its HTML, plus optional component-scoped CSS and JS.
- Use a component anywhere in a page's HTML with
<component name="hero" />. Components are shared across every page of a multi-page site. - Pass values as attributes —
<component name="hero" title="Welcome" />— and place them inside the component with{{ title }}placeholders (automatically escaped). - A component's CSS and JS load once on any page that uses it, and components can use other components.
Component count per playground is plan-limited.