--- layout: page title: "Development Tools" description: "Description of the Developer Tools." release_date: 2017-02-23 11:00:00 sidebar: true comments: false sharing: true footer: true --- The frontend contains a section called "Developer Tools". <p class='img'> <img src='/images/screenshots/developer-tools.png' /> Screenshot of Home Assistant's Developer Tools. </p> | Section | Icon | Description | | ------- |------| ----- | | Services | <img src='/images/screenshots/developer-tool-services-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Calls services from components | | States | <img src='/images/screenshots/developer-tool-states-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Sets the representation of an entity | | Events | <img src='/images/screenshots/developer-tool-events-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Fires events | | Templates | <img src='/images/screenshots/developer-tool-templates-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Renders templates | | Info | <img src='/images/screenshots/developer-tool-about-icon.png' alt='service developer tool icon' class="no-shadow" height="38" /> | Details about Home Assistant |