TemplateRenderer Demo

Template Preview

Schema

	{
  "name": {},
  "date": {
    "transform": "function"
  },
  "link": {
    "transform": "function"
  }
}

Values

	{
  "name": "Alice",
  "date": "2026-04-14T23:51:24.368Z",
  "link": {
    "url": "https://svelte.dev"
  }
}

Result

Hello Alice, today is 4/14/2026. Here is a missing token: parse error: missingTag not found.

This is a new line and a token with an argument string: until

And here is a link: click here)

Validation

Custom Error Snippet

Hello Alice, today is 4/14/2026. Here is a missing token: custom parse error: missingTag not found.

This is a new line and a token with an argument string: until

And here is a link: click here)

Custom Text Snippet

Hello Alice, today is 4/14/2026. Here is a missing token: parse error: missingTag not found.

This is a new line and a token with an argument string: until

And here is a link: click here)

Raw text

Hello Alice, today is Tue Apr 14 2026. Here is a missing token: {missingTag}.
This is a new line and a token with an argument string: Tue Apr 14 2026
And here is a link: https://svelte.dev)

Numbered lines

This is my sample template decoration.

Hello Alice, today is 4/14/2026. Here is a missing token: parse error: missingTag not found.

This is a new line and a token with an argument string: until

And here is a link: click here)

Interpolation to string

Hello Alice, today is Tue Apr 14 2026. Here is a missing token: {missingTag}.
This is a new line and a token with an argument string: Tue Apr 14 2026
And here is a link: https://svelte.dev)

Server side rendering

Result from server: