diff --git a/README.md b/README.md
index 2b91d1c..3d89558 100644
--- a/README.md
+++ b/README.md
@@ -20,13 +20,13 @@ https://react-turnstile.vercel.app/
 
 ## Install
 1. First, [follow these steps](https://developers.cloudflare.com/turnstile/get-started/) to obtain a free site key and secret key from Cloudflare.
-2. Install `react.turnstile` into your React application.
+2. Install `@marsidev/react-turnstile` into your React application.
 
 	```bash
 	# Whichever matches your package manager
-	pnpm add react.turnstile
-	npm install react.turnstile
-	yarn add react.turnstile
+	pnpm add @marsidev/react-turnstile
+	npm install @marsidev/react-turnstile
+	yarn add @marsidev/react-turnstile
 	```
 
 ## Usage
@@ -34,9 +34,9 @@ https://react-turnstile.vercel.app/
 The only required prop is the `siteKey`.
 
 ```jsx
-import { Turnstile } from 'react.turnstile'
+import { Turnstile } from '@marsidev/react-turnstile'
 
-function TurnstileWidget() {
+function Widget() {
   return <Turnstile siteKey='1x00000000000000000000AA' />
 }
 ```
@@ -81,18 +81,18 @@ function TurnstileWidget() {
 
 ### Rendering the widget:
 ```jsx
-import { Turnstile } from 'react.turnstile'
+import { Turnstile } from '@marsidev/react-turnstile'
 
-function TurnstileWidget() {
+function Widget() {
   return <Turnstile siteKey='1x00000000000000000000AA' />
 }
 ```
 
 ### Rendering the widget with custom props:
 ```jsx
-import { Turnstile } from 'react.turnstile'
+import { Turnstile } from '@marsidev/react-turnstile'
 
-function TurnstileWidget() {
+function Widget() {
   return (
     <Turnstile
       siteKey='1x00000000000000000000AA'
@@ -112,9 +112,9 @@ function TurnstileWidget() {
 ### Managing widget rendering status:
 ```jsx
 import { useState } from 'react'
-import { Turnstile } from 'react.turnstile'
+import { Turnstile } from '@marsidev/react-turnstile'
 
-function TurnstileWidget() {
+function Widget() {
   const [status, setStatus] = useState()
 
   return (
@@ -131,9 +131,9 @@ function TurnstileWidget() {
 ### Getting the token after solving the challenge:
 ```jsx
 import { useState } from 'react'
-import { Turnstile } from 'react.turnstile'
+import { Turnstile } from '@marsidev/react-turnstile'
 
-function TurnstileWidget() {
+function Widget() {
   const [token, setToken] = useState()
 
   return (
@@ -148,9 +148,9 @@ function TurnstileWidget() {
 ### Interacting with the widget:
 ```jsx
 import { useRef } from 'react'
-import { Turnstile } from 'react.turnstile'
+import { Turnstile } from '@marsidev/react-turnstile'
 
-function TurnstileWidget() {
+function Widget() {
   const ref = useRef(null)
 
   return (
@@ -180,9 +180,9 @@ function TurnstileWidget() {
 ### Interacting with the widget (using TypeScript):
 ```jsx
 import { useRef } from 'react'
-import { Turnstile, type TurnstileInstance } from 'react.turnstile'
+import { Turnstile, type TurnstileInstance } from '@marsidev/react-turnstile'
 
-function TurnstileWidget() {
+function Widget() {
   const ref = useRef<TurnstileInstance>(null)
 
   return (
@@ -201,7 +201,7 @@ function TurnstileWidget() {
 ```jsx
 // LoginForm.jsx
 import { useRef, useState } from 'react'
-import { Turnstile } from 'react.turnstile'
+import { Turnstile } from '@marsidev/react-turnstile'
 
 export default function LoginForm() {
   const formRef = useRef(null)
@@ -295,15 +295,15 @@ Published under the [MIT License](./LICENCE).
 
 <!-- Badges -->
 
-[npm-version-src]: https://badgen.net/npm/v/react.turnstile?style=flat-square
-[npm-version-href]: https://npm.im/react.turnstile
-[npm-downloads-src]: https://badgen.net/npm/dm/react.turnstile?style=flat-square
-[npm-downloads-href]: https://npm.im/react.turnstile
+[npm-version-src]: https://badgen.net/npm/v/@marsidev/react-turnstile?style=flat-square
+[npm-version-href]: https://npm.im/@marsidev/react-turnstile
+[npm-downloads-src]: https://badgen.net/npm/dm/@marsidev/react-turnstile?style=flat-square
+[npm-downloads-href]: https://npm.im/@marsidev/react-turnstile
 <!-- [github-actions-src]: https://img.shields.io/github/workflow/status/danielroe/nuxt-turnstile/ci/main?style=flat-square -->
 <!-- [github-actions-href]: https://github.com/danielroe/nuxt-turnstile/actions?query=workflow%3Aci -->
 <!-- [codecov-src]: https://img.shields.io/codecov/c/gh/danielroe/nuxt-turnstile/main?style=flat-square -->
 <!-- [codecov-href]: https://codecov.io/gh/danielroe/nuxt-turnstile -->
-[packagephobia-src]: https://packagephobia.com/badge?p=react.turnstile
-[packagephobia-href]: https://packagephobia.com/result?p=react.turnstile
+[packagephobia-src]: https://packagephobia.com/badge?p=@marsidev/react-turnstile
+[packagephobia-href]: https://packagephobia.com/result?p=@marsidev/react-turnstile
 [prs-src]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
 [tests-src]: https://img.shields.io/badge/Tests-missing-red.svg?style=flat-square
diff --git a/package.json b/package.json
index d25c9fa..deb74bd 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-	"name": "react.turnstile",
+	"name": "@marsidev/react-turnstile",
 	"version": "0.0.1",
 	"packageManager": "pnpm@7.12.1",
 	"description": "Cloudflare Turnstile integration for React.",
diff --git a/packages/example/package.json b/packages/example/package.json
index aa99406..5f5cf19 100644
--- a/packages/example/package.json
+++ b/packages/example/package.json
@@ -15,7 +15,7 @@
 		"next": "12.3.1",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",
-		"react.turnstile": "workspace:*"
+		"@marsidev/react-turnstile": "workspace:*"
 	},
 	"devDependencies": {
 		"@types/node": "18.11.0",
diff --git a/packages/example/src/components/Demo.tsx b/packages/example/src/components/Demo.tsx
index 6a61a48..2c5d0b7 100644
--- a/packages/example/src/components/Demo.tsx
+++ b/packages/example/src/components/Demo.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef, useState } from 'react'
-import { Turnstile, type TurnstileInstance } from 'react.turnstile'
+import { Turnstile, type TurnstileInstance } from '@marsidev/react-turnstile'
 import ConfigForm from './ConfigForm'
 import StateLabels from './StateLabels'
 import WidgetMethods from './WidgetMethods'
diff --git a/packages/example/src/components/Footer.tsx b/packages/example/src/components/Footer.tsx
index 30eb873..87a81cc 100644
--- a/packages/example/src/components/Footer.tsx
+++ b/packages/example/src/components/Footer.tsx
@@ -4,7 +4,7 @@ const Footer = () => {
 	return (
 		<footer className='text-white flex items-center flex-col'>
 			<div>
-				<code>react.turnstile</code> source code{' '}
+				<code>react-turnstile</code> source code{' '}
 				<Link href='https://github.com/marsidev/react.turnstile' label='here' />
 			</div>
 
diff --git a/packages/example/src/components/WidgetMethods.tsx b/packages/example/src/components/WidgetMethods.tsx
index 06b4bbe..68db91f 100644
--- a/packages/example/src/components/WidgetMethods.tsx
+++ b/packages/example/src/components/WidgetMethods.tsx
@@ -1,4 +1,4 @@
-import type { TurnstileInstance } from 'react.turnstile'
+import type { TurnstileInstance } from '@marsidev/react-turnstile'
 
 interface StateLabelsProps {
 	turnstile: React.MutableRefObject<TurnstileInstance | null>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 412047b..0a3925b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -56,6 +56,7 @@ importers:
 
   packages/example:
     specifiers:
+      '@marsidev/react-turnstile': workspace:*
       '@types/node': 18.11.0
       '@types/react': 18.0.21
       '@types/react-dom': 18.0.6
@@ -68,15 +69,14 @@ importers:
       postcss: 8.4.18
       react: 18.2.0
       react-dom: 18.2.0
-      react.turnstile: workspace:*
       tailwindcss: 3.1.8
       typescript: 4.8.4
     dependencies:
+      '@marsidev/react-turnstile': link:../..
       classnames: 2.3.2
       next: 12.3.1_biqbaboplfbrettd7655fr4n2y
       react: 18.2.0
       react-dom: 18.2.0_react@18.2.0
-      react.turnstile: link:../..
     devDependencies:
       '@types/node': 18.11.0
       '@types/react': 18.0.21