> For the complete documentation index, see [llms.txt](https://docs.magicalforms.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magicalforms.com/platforms/react.md).

# React

You can use Magical Forms in your React and React Native apps

```jsx
function MagicalForm() {
  return (
    <form method="post" action="https://api.magicalforms.com/forms/yourformid">
      <label>Enter your name:
        <input type="text" />
      </label>
    </form>
  )
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<MagicalForm />);
```

{% embed url="<https://codesandbox.io/embed/react-hook-form-magical-forms-vmv8rz?fontsize=14&hidenavigation=1&theme=dark>" %}
An example using the React Hook Forms library
{% endembed %}

<br>