INTRODUCTION:
Sitecore Forms is a powerful tool that allows you to create and manage forms within the Sitecore Experience Platform. With the rise of headless architectures and the need to decouple front-end development from the backend CMS, there is a growing demand for integrating Sitecore Forms into headless setups. In this blog post, we’ll explore how to build headless Sitecore Forms using Sitecore JavaScript Services (JSS).
Step:1 Create a JSON Rendering name as Form as shown below:

Step:2 Make Sure to select the Rendering content Resolver as Sitecore Forms Resolver as shown:

Step: 3 Add the rendering on the Page where you want to show Form and Select the Datasource:

Step 4: Use the below code snippet to render the form

By using following steps you will be able to Render Sitecore Form in Headless.