---
title: "HTML file"
date: "2022-06-20T11:41:08+00:00"
summary: "Create a custom component using plain HTML for simplified development. Perfect for developers new to Drupal or Twig, this approach allows easy integration of JavaScript features like React. Learn how to add your HTML file to the YAML configuration for seamless rendering within Site Studio."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/html-file"
id: "18da9a49-f152-40ea-8284-7f257df974ce"
---

If you don’t need any of the functionality provided by the Twig templating engine, you can use a plain HTML file for your custom component. This is useful for developers unfamiliar with Drupal or Twig, who would prefer to use HTML in order to attach markup or various JavaScript based features (using React, for example).  
The HTML file will be rendered inside the default Twig template provided by the Site Studio module. The markup will be placed inside the custom component \`<div>\` and after the dropzone’s \`<template>\`. **To add HTML, add an [\`html\`](https://sitestudiodocs.acquia.com/6.9/node/3046#custom-component-html) property to the YAML file and specify the path to the HTML file.**

**HTML file cannot be used in conjunction with the template property.**