# Customization for Lit

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

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

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

  :::ref-github{link="https://github.com/retejs/lit-plugin" title="Plugin"}
  :::

  :::ref-external{link="https://lit.dev/" title="Lit"}
  :::
::

The following example demonstrates the implementation of custom nodes, sockets, and connections for **Lit**, 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-v2-lit-js-customization-gw7gzk module="/src/editor.ts"}
::