# Customization for Svelte

::references
  :::ref-guide{link="/docs/guides/renderers/svelte/#customization" title="Guide"}
  :::

  :::ref-example{link="/examples/basic/svelte" title="Basic"}
  :::

  :::ref-example{link="/examples/controls/svelte" title="Controls"}
  :::

  :::ref-github
  ---
  link: https://github.com/retejs/svelte-render-plugin
  title: Plugin
  ---
  :::

  :::ref-external{link="https://svelte.dev/" title="Svelte"}
  :::
::

The following example demonstrates the implementation of custom nodes, sockets, and connections for **Svelte**, allowing you to adapt them to your use cases. These elements can be dynamically configured based on the parameters of various objects (nodes, sockets, connections).

Additionally, a grid-like gradient background has been added using pure JS and CSS

::kit
::

::example{#rete-js-svelte-forked-29v37z module="/src/editor.ts"}
::