diff --git a/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx b/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx
index de167d71..24fde741 100644
--- a/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx
+++ b/docs/guides/importing-modules-and-chips/importing-from-jlcpcb.mdx
@@ -4,6 +4,8 @@ sidebar_position: 2
description: JLCPCB has a massive component catalog of 3d models and footprints.
---
+import YouTubeEmbed from '../../../src/components/YouTubeEmbed';
+
## Overview
JLCPCB has a massive component catalog of 3d models and footprints.
@@ -55,14 +57,21 @@ export default () => (
## CLI Import
-To import using the CLI, run `npm install -g easyeda`. This will give you the
-`easyeda` command line tool. You can then run `easyeda convert` as shown below
+To import JLCPCB components using the tsci dev environment, follow these steps:
-```
-# Convert a schematic and footprint for JLCPCB part number C46749 (NE555)
-# to tscircuit component
-easyeda convert -i C46749 -o C46749.tsx
-easyeda convert -i C46749 -t tsx
-```
+1. Run `tsci dev` to start the development server
+2. In the tsci dev environment, navigate to "File -> Import"
+
+
+
+After importing, you can use the component in your circuit like this:
+
+```tsx
+import { ComponentName } from "@tsci/imported-component"
-This will create a `tsx` file that you can import.
+export default () => (
+
+
+
+)
+```
diff --git a/src/components/YouTubeEmbed.tsx b/src/components/YouTubeEmbed.tsx
new file mode 100644
index 00000000..b229b76f
--- /dev/null
+++ b/src/components/YouTubeEmbed.tsx
@@ -0,0 +1,24 @@
+import React from 'react'
+
+interface YouTubeEmbedProps {
+ youtubeId: string;
+}
+
+const YouTubeEmbed: React.FC = ({ youtubeId }) => {
+ return (
+
+
+
+ )
+}
+
+export default YouTubeEmbed
\ No newline at end of file