diff --git a/README.md b/README.md
index cacb642..ceb786b 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ Please visit to [docs website](https://trendyol.github.io/react-carousel/docs/in
 # Installation
 
 ```
-npm i react react-dom @trendyol/react-carousel --save
+npm i react react-dom @trendyol-js/react-carousel --save
 ```
 
 # Usage
@@ -16,7 +16,7 @@ npm i react react-dom @trendyol/react-carousel --save
 ```jsx
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Carousel } from '@trendyol/react-carousel';
+import { Carousel } from '@trendyol-js/react-carousel';
 import { Item } from './yourItem';
 
 ReactDOM.render(
@@ -29,4 +29,3 @@ ReactDOM.render(
 	document.getElementById('root'),
 );
 ```
-
diff --git a/package-lock.json b/package-lock.json
index 49c2bd4..820bcfb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-	"name": "@trendyol/react-carousel",
+	"name": "@trendyol-js/react-carousel",
 	"version": "1.0.0",
 	"lockfileVersion": 1,
 	"requires": true,
diff --git a/package.json b/package.json
index 13af280..4089c55 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-	"name": "@trendyol/react-carousel",
+	"name": "@trendyol-js/react-carousel",
 	"version": "1.0.0",
 	"description": "Lightweight carousel component for react",
 	"main": "dist/cjs/index.js",
diff --git a/website/docs/infinityCarousel.md b/website/docs/infinityCarousel.md
index ba08073..3deef2b 100644
--- a/website/docs/infinityCarousel.md
+++ b/website/docs/infinityCarousel.md
@@ -5,7 +5,7 @@ title: Infinite Carousel
 
 Carousel is infinite at default
 
-import {Carousel} from '@trendyol/react-carousel';
+import {Carousel} from '@trendyol-js/react-carousel';
 export const Highlight = ({children, color}) => ( <span style={{
   backgroundColor: color,
   borderRadius: '2px',
diff --git a/website/docs/installation.md b/website/docs/installation.md
index bd87c5c..d54267b 100644
--- a/website/docs/installation.md
+++ b/website/docs/installation.md
@@ -9,7 +9,7 @@ Carousel requires React 16.8 or greater.
 ## Installation
 
 ```
-npm i react react-dom @trendyol/react-carousel --save
+npm i react react-dom @trendyol-js/react-carousel --save
 ```
 
 ---
@@ -17,5 +17,5 @@ npm i react react-dom @trendyol/react-carousel --save
 ## Importing
 
 ```jsx
-import { Carousel } from '@trendyol/react-carousel';
+import { Carousel } from '@trendyol-js/react-carousel';
 ```
diff --git a/website/docs/swipableCarousel.md b/website/docs/swipableCarousel.md
index ff5eab2..5d010ea 100644
--- a/website/docs/swipableCarousel.md
+++ b/website/docs/swipableCarousel.md
@@ -3,9 +3,9 @@ id: swipible
 title: Swipeable Carousel
 ---
 
-Carousel is infinite at default
+You can swipe items with your mouse our touch screen
 
-import {Carousel} from '@trendyol/react-carousel';
+import {Carousel} from '@trendyol-js/react-carousel';
 export const Highlight = ({children, color}) => ( <span style={{
   backgroundColor: color,
   borderRadius: '2px',
diff --git a/website/docs/usage.md b/website/docs/usage.md
index f98d1e4..4b76d22 100644
--- a/website/docs/usage.md
+++ b/website/docs/usage.md
@@ -8,7 +8,7 @@ Simple carousel that show one item per slide.
 ```jsx
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { Carousel } from '@trendyol/react-carousel';
+import { Carousel } from '@trendyol-js/react-carousel';
 import { Item } from './yourItem';
 
 ReactDOM.render(
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 455810f..1d49ffb 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -4,7 +4,7 @@ import Layout from '@theme/Layout';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-import { Carousel } from '@trendyol/react-carousel';
+import { Carousel } from '@trendyol-js/react-carousel';
 import styles from './styles.module.css';
 import { Redirect } from '@docusaurus/router';
 
@@ -14,8 +14,8 @@ const features = [
 		imageUrl: 'img/undraw_docusaurus_mountain.svg',
 		description: (
 			<>
-				Docusaurus was designed from the ground up to be easily installed and used to get
-				your website up and running quickly.
+				Docusaurus was designed from the ground up to be easily installed and used
+				to get your website up and running quickly.
 			</>
 		),
 	},
@@ -24,8 +24,8 @@ const features = [
 		imageUrl: 'img/undraw_docusaurus_tree.svg',
 		description: (
 			<>
-				Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go ahead and
-				move your docs into the <code>docs</code> directory.
+				Docusaurus lets you focus on your docs, and we&apos;ll do the chores. Go
+				ahead and move your docs into the <code>docs</code> directory.
 			</>
 		),
 	},
@@ -34,8 +34,8 @@ const features = [
 		imageUrl: 'img/undraw_docusaurus_react.svg',
 		description: (
 			<>
-				Extend or customize your website layout by reusing React. Docusaurus can be
-				extended while reusing the same header and footer.
+				Extend or customize your website layout by reusing React. Docusaurus can
+				be extended while reusing the same header and footer.
 			</>
 		),
 	},