TemplateRenderer Demo

Template Preview

Schema

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

Values

	{
  "name": "Alice",
  "date": "2025-10-21T04:17:27.525Z",
  "link": {
    "url": "https://svelte.dev"
  }
}

Result

Hello Alice, today is 10/21/2025. 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 10/21/2025. 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 10/21/2025. 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 Oct 21 2025. Here is a missing token: {missingTag}.
This is a new line and a token with an argument string: Tue Oct 21 2025
And here is a link: https://svelte.dev)

Numbered lines

This is my sample template decoration.

Hello Alice, today is 10/21/2025. 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 Oct 21 2025. Here is a missing token: {missingTag}.
This is a new line and a token with an argument string: Tue Oct 21 2025
And here is a link: https://svelte.dev)

Server side rendering

Result from server: