# Customization for Angular

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

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

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

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

  :::ref-external{link="https://angular.io/" title="Angular"}
  :::
::

The following example demonstrates the implementation of custom nodes, sockets, and connections for **Angular**, 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-angular-customization-w9umwf module="/src/app/editor.ts"}
::