diff --git a/.vscode/settings.json b/.vscode/settings.json
index 4d7872e..fdd58b4 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,6 +1,7 @@
 {
   "files.exclude": {
-    "dist": true
+    "dist": true,
+    "react/dist": true
   },
   "editor.formatOnSave": true,
   "tailwindCSS.experimental.configFile": {
diff --git a/README.md b/README.md
index c03cffa..bac8265 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Lightning Wallet Connect
+# Bitcoin Connect
 
 This project includes web components for connecting to Lightning Wallets and enabling [WebLN](https://webln.guide). Websites only need to implement a single interface to connect with multiple wallets (WebLN), and users can connect from both desktop and mobile devices. These components work with pure HTML and all Javascript libraries frameworks such as React, Angular, Vue, Solid.js, etc.
 
@@ -10,17 +10,17 @@ This project includes web components for connecting to Lightning Wallets and ena
 
 ### Web Components Package
 
-`npm install @getalby/lightning-wallet-connect` or `yarn add @getalby/lightning-wallet-connect`
+`npm install @getalby/bitcoin-connect` or `yarn add @getalby/bitcoin-connect`
 
 ```
 
 ### HTML (CDN)
 
-You can use Lightning Wallet Connect without any build tools:
+You can use Bitcoin Connect without any build tools:
 
 ```
 
-<script src="https://cdn.jsdelivr.net/npm/@getalby/lightning-wallet-connect@1.0.5/dist/index.browser.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@getalby/bitcoin-connect@1.0.5/dist/index.browser.js"></script>
 
 ````
 
@@ -30,23 +30,23 @@ https://user-images.githubusercontent.com/33993199/234830578-0baf25f9-0179-4244-
 
 ## 🤙 Usage
 
-Lightning wallet connect exposes the following web components for allowing user to connect their desired Lightning wallet:
+Bitcoin Connect exposes the following web components for allowing user to connect their desired Lightning wallet:
 
-- `<lwc-button/>` - launches the LWC Modal on click
+- `<bc-button/>` - launches the Bitcoin Connect Modal on click
   - Optional Arguments:
     - `icon-only` - display the button as an icon without "Connect wallet"
-    - `disabled` - mark the button as disabled. _NOTE: in react disabled={false} will not work - attribute must be omitted_
-- `<lwc-modal/>` - render the modal on its own
-- `<lwc-connector-list/>` - render the list of connectors on their own
+    - `disabled` - mark the button as disabled
+- `<bc-modal/>` - render the modal on its own
+- `<bc-connector-list/>` - render the list of connectors on their own
 - _more components coming soon_
 
-Lightning wallet connect exposes the following events:
+Bitcoin Connect exposes the following events:
 
-- `lwc:connected` window event which fires when a wallet is connected and window.webln is ready to use
-- `lwc:connecting` window event which fires when LWC is connecting to a wallet
-- `lwc:disconnected` window event which fires when user has disconnected from their wallet
-- `lwc:modalopened` window event which fires when Lightning Wallet Connect modal is opened
-- `lwc:modalclosed` window event which fires when Lightning Wallet Connect modal is closed
+- `bc:connected` window event which fires when a wallet is connected and window.webln is ready to use
+- `bc:connecting` window event which fires when a user is connecting to their wallet
+- `bc:disconnected` window event which fires when user has disconnected from their wallet
+- `bc:modalopened` window event which fires when Bitcoin Connect modal is opened
+- `bc:modalclosed` window event which fires when Bitcoin Connect modal is closed
 
 Current wallets supported:
 
@@ -60,13 +60,13 @@ Current wallets supported:
 
 ```css
 html {
-  --lwc-color-primary: #21ecc7;
-  --lwc-color-secondary: #21ecc7;
-  --lwc-color-bg-primary: black;
-  --lwc-color-bg-secondary: black;
-  --lwc-color-text-primary: black;
-  --lwc-color-text-secondary: #f4f4f4;
-  --lwc-color-text-tertiary: white;
+  --bc-color-primary: #21ecc7;
+  --bc-color-secondary: #21ecc7;
+  --bc-color-bg-primary: black;
+  --bc-color-bg-secondary: black;
+  --bc-color-text-primary: black;
+  --bc-color-text-secondary: #f4f4f4;
+  --bc-color-text-tertiary: white;
 }
 ````
 
@@ -77,10 +77,10 @@ html {
 ```html
 <html>
   <body>
-    <lwc-button></lwc-button>
-    <script src="https://cdn.jsdelivr.net/npm/@getalby/lightning-wallet-connect@1.0.5/dist/index.browser.js"></script>
+    <bc-button></bc-button>
+    <script src="https://cdn.jsdelivr.net/npm/@getalby/bitcoin-connect@1.0.5/dist/index.browser.js"></script>
     <script>
-      window.addEventListener('lwc:connected', async () => {
+      window.addEventListener('bc:connected', async () => {
         const invoice = // (...invoice generated by backend)
           await window.webln.sendPayment(invoice);
         confetti();
@@ -94,7 +94,7 @@ html {
 
 #### Button
 
-> Example replit: https://replit.com/@rolznz/make-me-an-image-lwc-version
+> Example replit: https://replit.com/@rolznz/make-me-an-image-bc-version
 
 ```tsx
 import {Button} from '@getalby/bitcoin-connect-react';
diff --git a/demos/README.md b/demos/README.md
index cf8eb3a..44d7244 100644
--- a/demos/README.md
+++ b/demos/README.md
@@ -1,6 +1,6 @@
 # Demos
 
-Please note: these demos point at the production version of Lightning Wallet Connect.
+Please note: these demos point at the production version of Bitcoin Connect.
 
 - [React](react/README.md)
 - [Pure HTML](html/README.md)
diff --git a/demos/html/index.html b/demos/html/index.html
index 9847292..00efdd0 100644
--- a/demos/html/index.html
+++ b/demos/html/index.html
@@ -3,23 +3,23 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>LWC Development</title>
-    <script src="https://cdn.jsdelivr.net/npm/@getalby/lightning-wallet-connect@1.0.5/dist/index.browser.js"></script>
+    <title>Bitcoin Connect</title>
+    <script src="https://cdn.jsdelivr.net/npm/@getalby/bitcoin-connect@1.0.5/dist/index.browser.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   </head>
   <body>
     <div style="display: flex; flex-direction: column; gap: 1rem">
-      <code> &lt;lwc-button /&gt; </code>
-      <lwc-button></lwc-button>
-      <code> &lt;lwc-button disabled /&gt; </code>
-      <lwc-button disabled></lwc-button>
-      <code> &lt;lwc-button icon-only/&gt; </code>
-      <lwc-button icon-only></lwc-button>
-      <code> &lt;lwc-connector-list/&gt; </code>
-      <lwc-connector-list></lwc-connector-list>
+      <code> &lt;bc-button /&gt; </code>
+      <bc-button></bc-button>
+      <code> &lt;bc-button disabled /&gt; </code>
+      <bc-button disabled></bc-button>
+      <code> &lt;bc-button icon-only/&gt; </code>
+      <bc-button icon-only></bc-button>
+      <code> &lt;bc-connector-list/&gt; </code>
+      <bc-connector-list></bc-connector-list>
     </div>
     <script>
-      window.addEventListener('lwc:connected', async () => {
+      window.addEventListener('bc:connected', async () => {
         alert('connected');
       });
     </script>
diff --git a/demos/html/minimal.html b/demos/html/minimal.html
index 0ab5658..61b2bb7 100644
--- a/demos/html/minimal.html
+++ b/demos/html/minimal.html
@@ -3,17 +3,17 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>LWC Development</title>
-    <script src="https://cdn.jsdelivr.net/npm/@getalby/lightning-wallet-connect@1.0.7/dist/index.browser.js"></script>
+    <title>Bitcoin Connect</title>
+    <script src="https://cdn.jsdelivr.net/npm/@getalby/bitcoin-connect@1.0.7/dist/index.browser.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   </head>
   <body>
     <div style="position: absolute; right: 16px; top: 16px">
-      <lwc-button></lwc-button>
+      <bc-button></bc-button>
     </div>
     <script>
-      window.addEventListener('lwc:connected', async () => {
+      window.addEventListener('bc:connected', async () => {
         window.confetti();
       });
     </script>
diff --git a/demos/react/README.md b/demos/react/README.md
index 66e619d..565e57d 100644
--- a/demos/react/README.md
+++ b/demos/react/README.md
@@ -1,6 +1,6 @@
 # demos/react
 
-A simple example of how to add Lightning Wallet Connect to your react app
+A simple example of how to add Bitcoin Connect to your react app
 
 ## Install
 
diff --git a/demos/react/index.html b/demos/react/index.html
index 673c5a4..b8b607c 100644
--- a/demos/react/index.html
+++ b/demos/react/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>LWC React</title>
+    <title>Bitcoin Connect React</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/demos/react/src/App.tsx b/demos/react/src/App.tsx
index 35d457f..5ffdb5e 100644
--- a/demos/react/src/App.tsx
+++ b/demos/react/src/App.tsx
@@ -14,7 +14,7 @@ function App() {
         (
           await ln.requestInvoice({
             satoshi: 1,
-            comment: 'Paid with LWC',
+            comment: 'Paid with Bitcoin Connect',
           })
         ).paymentRequest
       );
@@ -41,7 +41,7 @@ function App() {
 
   return (
     <>
-      <h1>LWC React</h1>
+      <h1>Bitcoin Connect React</h1>
       <Button onConnect={() => alert('Connected!')} />
       <div style={{marginTop: '16px'}}>
         {preimage ? (
diff --git a/dev/html/README.md b/dev/html/README.md
index af4a060..8c90ce5 100644
--- a/dev/html/README.md
+++ b/dev/html/README.md
@@ -1,6 +1,6 @@
 # dev/browser
 
-Develop Lightning Wallet Connect for pure html import (e.g. `<script src="index.browser.js"></script>`)
+Develop Bitcoin Connect for pure html import (e.g. `<script src="index.browser.js"></script>`)
 
 ## Install
 
@@ -10,5 +10,5 @@ Run `yarn install` here and in the root directory.
 
 **Please note:** compile speeds are slow due to the bundling of `index.browser.js`. use [vite](../vite/README.md) for improved developer experience.
 
-1. Run `yarn dev:build:browser` in the parent directory. This will build Lightning Wallet Connect into a self-contained javascript file.
+1. Run `yarn dev:build:browser` in the parent directory. This will build Bitcoin Connect into a self-contained javascript file.
 2. Run `yarn dev` in this directory. This will serve the dev site and watch for changes.
diff --git a/dev/html/index.html b/dev/html/index.html
index a0b9673..77edaa4 100644
--- a/dev/html/index.html
+++ b/dev/html/index.html
@@ -3,23 +3,23 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>LWC Development</title>
+    <title>Bitcoin Connect</title>
     <script src="/dist/index.browser.js"></script>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   </head>
   <body>
     <div style="display: flex; flex-direction: column; gap: 1rem">
-      <code> &lt;lwc-button /&gt; </code>
-      <lwc-button></lwc-button>
-      <code> &lt;lwc-button disabled /&gt; </code>
-      <lwc-button disabled></lwc-button>
-      <code> &lt;lwc-button icon-only/&gt; </code>
-      <lwc-button icon-only></lwc-button>
-      <code> &lt;lwc-connector-list/&gt; </code>
-      <lwc-connector-list></lwc-connector-list>
+      <code> &lt;bc-button /&gt; </code>
+      <bc-button></bc-button>
+      <code> &lt;bc-button disabled /&gt; </code>
+      <bc-button disabled></bc-button>
+      <code> &lt;bc-button icon-only/&gt; </code>
+      <bc-button icon-only></bc-button>
+      <code> &lt;bc-connector-list/&gt; </code>
+      <bc-connector-list></bc-connector-list>
     </div>
     <script>
-      window.addEventListener('lwc:connected', async () => {
+      window.addEventListener('bc:connected', async () => {
         alert('connected');
       });
     </script>
diff --git a/dev/vite/README.md b/dev/vite/README.md
index 213bcd7..e068161 100644
--- a/dev/vite/README.md
+++ b/dev/vite/README.md
@@ -1,6 +1,6 @@
 # dev/vite
 
-Develop Lightning Wallet Connect components using [Vite](https://vitejs.dev/)
+Develop Bitcoin Connect components using [Vite](https://vitejs.dev/)
 
 ## Install
 
diff --git a/dev/vite/index.html b/dev/vite/index.html
index 8c3deb6..3286b3c 100644
--- a/dev/vite/index.html
+++ b/dev/vite/index.html
@@ -6,19 +6,19 @@
     <title>Vite + Lit + TS</title>
     <script type="module" src="../../src/index.ts"></script>
     <script>
-      window.addEventListener('lwc:connected', () =>
+      window.addEventListener('bc:connected', () =>
         console.info('Received connected event from html')
       );
-      window.addEventListener('lwc:connecting', () =>
+      window.addEventListener('bc:connecting', () =>
         console.info('Received connecting event from html')
       );
-      window.addEventListener('lwc:disconnected', () =>
+      window.addEventListener('bc:disconnected', () =>
         console.info('Received disconnected event from html')
       );
-      window.addEventListener('lwc:modalopened', () =>
+      window.addEventListener('bc:modalopened', () =>
         console.info('Received modalopened event from html')
       );
-      window.addEventListener('lwc:modalclosed', () =>
+      window.addEventListener('bc:modalclosed', () =>
         console.info('Received modalclosed event from html')
       );
     </script>
@@ -27,36 +27,36 @@
         font-family: Arial, Helvetica, sans-serif;
       }
       .theme-default-dark {
-        --lwc-color-bg-primary: #222;
-        --lwc-color-bg-secondary: #000;
-        --lwc-color-text-secondary: #808080;
+        --bc-color-bg-primary: #222;
+        --bc-color-bg-secondary: #000;
+        --bc-color-text-secondary: #808080;
       }
       .theme-geyser-light {
-        --lwc-color-primary: #10caa8;
-        --lwc-color-secondary: #10caa8;
-        --lwc-color-tertiary: #21ecc7;
-        --lwc-color-bg-primary: white;
-        --lwc-color-bg-secondary: black;
-        --lwc-color-text-primary: black;
-        --lwc-color-text-secondary: #1a202c;
-        --lwc-color-text-tertiary: white;
+        --bc-color-primary: #10caa8;
+        --bc-color-secondary: #10caa8;
+        --bc-color-tertiary: #21ecc7;
+        --bc-color-bg-primary: white;
+        --bc-color-bg-secondary: black;
+        --bc-color-text-primary: black;
+        --bc-color-text-secondary: #1a202c;
+        --bc-color-text-tertiary: white;
       }
       .theme-geyser-dark {
-        --lwc-color-primary: #21ecc7;
-        --lwc-color-secondary: #21ecc7;
-        --lwc-color-bg-primary: black;
-        --lwc-color-bg-secondary: black;
-        --lwc-color-text-primary: black;
-        --lwc-color-text-secondary: #f4f4f4;
-        --lwc-color-text-tertiary: white;
+        --bc-color-primary: #21ecc7;
+        --bc-color-secondary: #21ecc7;
+        --bc-color-bg-primary: black;
+        --bc-color-bg-secondary: black;
+        --bc-color-text-primary: black;
+        --bc-color-text-secondary: #f4f4f4;
+        --bc-color-text-tertiary: white;
       }
       .theme-orange-dark {
-        --lwc-color-primary: #ffc837;
-        --lwc-color-secondary: #ff8008;
-        --lwc-color-bg-primary: black;
-        --lwc-color-bg-secondary: black;
-        --lwc-color-text-primary: black;
-        --lwc-color-text-secondary: #ca9;
+        --bc-color-primary: #ffc837;
+        --bc-color-secondary: #ff8008;
+        --bc-color-bg-primary: black;
+        --bc-color-bg-secondary: black;
+        --bc-color-text-primary: black;
+        --bc-color-text-secondary: #ca9;
       }
     </style>
   </head>
@@ -64,36 +64,36 @@
     <h1>Components</h1>
     <h2>Button</h2>
     <h3>Light</h3>
-    <lwc-button></lwc-button><br /><br />
+    <bc-button></bc-button><br /><br />
     <div class="theme-geyser-light">
-      <lwc-button></lwc-button>
+      <bc-button></bc-button>
     </div>
     <br /><br />
     <h3>Dark</h3>
     <div style="background-color: #111; padding: 8px">
       <div class="theme-default-dark">
-        <lwc-button></lwc-button>
+        <bc-button></bc-button>
       </div>
       <br /><br />
 
       <div class="theme-geyser-dark">
-        <lwc-button></lwc-button>
+        <bc-button></bc-button>
       </div>
       <br /><br />
 
       <div class="theme-orange-dark">
-        <lwc-button></lwc-button>
+        <bc-button></bc-button>
       </div>
     </div>
     <h3>Icon only</h3>
-    <lwc-button icon-only></lwc-button>
+    <bc-button icon-only></bc-button>
 
     <h2>Modal Content</h2>
     <div style="width: 448px">
-      <lwc-modal-content></lwc-modal-content>
+      <bc-modal-content></bc-modal-content>
     </div>
 
     <h2>Connector List</h2>
-    <lwc-connector-list></lwc-connector-list>
+    <bc-connector-list></bc-connector-list>
   </body>
 </html>
diff --git a/package.json b/package.json
index afb7e2b..22da3b4 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@getalby/lightning-wallet-connect",
+  "name": "@getalby/bitcoin-connect",
   "version": "1.0.14",
   "description": "Web components to connect to a lightning wallet and power a website with WebLN",
   "type": "module",
diff --git a/react/package.json b/react/package.json
index bb307f7..1ab465e 100644
--- a/react/package.json
+++ b/react/package.json
@@ -21,7 +21,7 @@
     "build": "microbundle --globals react=React --jsx React.createElement --jsxFragment React.Fragment --jsxImportSource react"
   },
   "dependencies": {
-    "@getalby/lightning-wallet-connect": "^1.0.14"
+    "@getalby/bitcoin-connect": "^1.0.14"
   },
   "devDependencies": {
     "@types/react": "^18.2.21",
diff --git a/react/src/components/Button.tsx b/react/src/components/Button.tsx
index 75bc7f9..adbeb49 100644
--- a/react/src/components/Button.tsx
+++ b/react/src/components/Button.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import '@getalby/lightning-wallet-connect';
+import '@getalby/bitcoin-connect';
 import {ComponentProps} from '../types/ComponentProps';
 import {useCoreEvents} from '../hooks/useCoreEvents';
 
@@ -10,5 +10,5 @@ export const Button: React.FC<ButtonProps> = (props) => {
 
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  return <lwc-button />;
+  return <bc-button />;
 };
diff --git a/react/src/components/Modal.tsx b/react/src/components/Modal.tsx
index 9388966..ac05eaa 100644
--- a/react/src/components/Modal.tsx
+++ b/react/src/components/Modal.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import '@getalby/lightning-wallet-connect';
+import '@getalby/bitcoin-connect';
 import {ComponentProps} from '../types/ComponentProps';
 import {useCoreEvents} from '../hooks/useCoreEvents';
 
@@ -10,5 +10,5 @@ export const Modal: React.FC<ModalProps> = (props) => {
 
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  return <lwc-modal />;
+  return <bc-modal />;
 };
diff --git a/react/src/hooks/useCoreEvents.ts b/react/src/hooks/useCoreEvents.ts
index adacf32..28ecac9 100644
--- a/react/src/hooks/useCoreEvents.ts
+++ b/react/src/hooks/useCoreEvents.ts
@@ -2,9 +2,9 @@ import {ComponentProps} from '../types/ComponentProps';
 import {useEventListener} from './useEventListener';
 
 export function useCoreEvents(props: ComponentProps) {
-  useEventListener('lwc:connected', props.onConnect);
-  useEventListener('lwc:disconnected', props.onDisconnect);
-  useEventListener('lwc:connecting', props.onConnecting);
-  useEventListener('lwc:modalopened', props.onModalOpened);
-  useEventListener('lwc:modalclosed', props.onModalClosed);
+  useEventListener('bc:connected', props.onConnect);
+  useEventListener('bc:disconnected', props.onDisconnect);
+  useEventListener('bc:connecting', props.onConnecting);
+  useEventListener('bc:modalopened', props.onModalOpened);
+  useEventListener('bc:modalclosed', props.onModalClosed);
 }
diff --git a/react/src/hooks/useEventListener.ts b/react/src/hooks/useEventListener.ts
index d500ec3..0237d18 100644
--- a/react/src/hooks/useEventListener.ts
+++ b/react/src/hooks/useEventListener.ts
@@ -1,8 +1,8 @@
-import {LwcEventType} from '@getalby/lightning-wallet-connect';
+import {EventType} from '@getalby/bitcoin-connect';
 import React from 'react';
 
 export function useEventListener(
-  event: LwcEventType,
+  event: EventType,
   func: (() => void) | undefined
 ) {
   React.useEffect(() => {
diff --git a/src/components/lwc-element.ts b/src/components/BitcoinConnectElement.ts
similarity index 88%
rename from src/components/lwc-element.ts
rename to src/components/BitcoinConnectElement.ts
index afdb33f..2719cc5 100644
--- a/src/components/lwc-element.ts
+++ b/src/components/BitcoinConnectElement.ts
@@ -4,9 +4,9 @@ import {state} from 'lit/decorators.js';
 import store from '../state/store';
 
 /**
- * @fires lwc:connected - Indicates a wallet has been connected and window.webln is now available and enabled
+ * @fires bc:connected - Indicates a wallet has been connected and window.webln is now available and enabled
  */
-export class LwcElement extends LitElement {
+export class BitcoinConnectElement extends LitElement {
   @state()
   protected _connected = false;
   @state()
diff --git a/src/components/lwc-button.ts b/src/components/bc-button.ts
similarity index 85%
rename from src/components/lwc-button.ts
rename to src/components/bc-button.ts
index 4ee4e51..9cbac69 100644
--- a/src/components/lwc-button.ts
+++ b/src/components/bc-button.ts
@@ -1,22 +1,20 @@
 import {html} from 'lit';
 import {customElement, property, state} from 'lit/decorators.js';
-import './lwc-modal.js';
-import {LwcElement} from './lwc-element.js';
-import {lwcIcon} from './icons/lwcIcon.js';
+import './bc-modal.js';
+import {BitcoinConnectElement} from './BitcoinConnectElement.js';
+import {bcIcon} from './icons/bcIcon.js';
 import {withTwind} from './twind/withTwind.js';
 import {loadingIconPrimary} from './icons/loadingIcon.js';
 import {satIcon} from './icons/satIcon.js';
-import {lwcConnectedIcon} from './icons/lwcConnectedIcon.js';
-import {color} from './css/colors';
+import {bcConnectedIcon} from './icons/bcConnectedIcon.js';
+import {color} from './css/colors.js';
 import {innerBorder} from './templates/innerBorder.js';
 
 /**
- * A button that when clicked launches the LWC modal.
- *
- * @csspart button - The button
+ * A button that when clicked launches the modal.
  */
-@customElement('lwc-button')
-export class LwcButton extends withTwind()(LwcElement) {
+@customElement('bc-button')
+export class Button extends withTwind()(BitcoinConnectElement) {
   @state()
   private _modalOpen = false;
 
@@ -65,7 +63,6 @@ export class LwcButton extends withTwind()(LwcElement) {
       >
         ${this._connected ? innerBorder() : null}
         <button
-          part="button"
           class="${iconOnly ? 'w-8 h-8' : `h-10 px-4`} 
           relative font-medium font-sans shadow rounded-lg flex gap-2 justify-center items-center
           ${this.disabled ? 'bg-gray-300 opacity-50' : ''}"
@@ -84,9 +81,9 @@ export class LwcButton extends withTwind()(LwcElement) {
             ? loadingIconPrimary
             : this._connected
             ? iconOnly
-              ? lwcConnectedIcon
+              ? bcConnectedIcon
               : null
-            : lwcIcon}
+            : bcIcon}
           ${!iconOnly
             ? html`<span class="font-semibold">
                 ${isLoading
@@ -106,7 +103,7 @@ export class LwcButton extends withTwind()(LwcElement) {
           : null}
       </div>
       ${this._modalOpen
-        ? html`<lwc-modal .onClose=${this._closeModal} />`
+        ? html`<bc-modal .onClose=${this._closeModal} />`
         : null}
     </div>`;
   }
@@ -122,6 +119,6 @@ export class LwcButton extends withTwind()(LwcElement) {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'lwc-button': LwcButton;
+    'bc-button': Button;
   }
 }
diff --git a/src/components/bc-connector-list.ts b/src/components/bc-connector-list.ts
new file mode 100644
index 0000000..64349f5
--- /dev/null
+++ b/src/components/bc-connector-list.ts
@@ -0,0 +1,29 @@
+import {html} from 'lit';
+import {withTwind} from './twind/withTwind.js';
+import {BitcoinConnectElement} from './BitcoinConnectElement.js';
+import {customElement} from 'lit/decorators.js';
+import './connectors/bc-extension-connector.js';
+import './connectors/bc-alby-nwc-connector.js';
+import './connectors/bc-nwc-connector.js';
+
+/**
+ * A list of available connectors
+ */
+@customElement('bc-connector-list')
+export class ConnectorList extends withTwind()(BitcoinConnectElement) {
+  override render() {
+    return html` <div class="flex justify-center items-start flex-wrap">
+      ${window.webln
+        ? html`<bc-extension-connector></bc-extension-connector>`
+        : null}
+      <bc-alby-nwc-connector></bc-alby-nwc-connector>
+      <bc-nwc-connector></bc-nwc-connector>
+    </div>`;
+  }
+}
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'bc-connector-list': ConnectorList;
+  }
+}
diff --git a/src/components/lwc-modal-content.ts b/src/components/bc-modal-content.ts
similarity index 87%
rename from src/components/lwc-modal-content.ts
rename to src/components/bc-modal-content.ts
index d59b308..d48ec08 100644
--- a/src/components/lwc-modal-content.ts
+++ b/src/components/bc-modal-content.ts
@@ -1,7 +1,7 @@
 import {html} from 'lit';
 import {customElement} from 'lit/decorators.js';
-import {LwcElement} from './lwc-element';
-import './lwc-connector-list.js';
+import {BitcoinConnectElement} from './BitcoinConnectElement';
+import './bc-connector-list.js';
 import {withTwind} from './twind/withTwind';
 import store from '../state/store';
 import {loadingIconSecondary} from './icons/loadingIcon';
@@ -10,13 +10,10 @@ import {color} from './css/colors';
 import {gradientText} from './css/gradientText';
 
 // TODO: split up this component into disconnected and connected
-@customElement('lwc-modal-content')
-export class LwcModalContent extends withTwind()(LwcElement) {
+@customElement('bc-modal-content')
+export class ModalContent extends withTwind()(BitcoinConnectElement) {
   override render() {
-    return html`<div
-      part="modal-content"
-      class="flex flex-col justify-center items-center w-full"
-    >
+    return html`<div class="flex flex-col justify-center items-center w-full">
       ${this._connecting
         ? html`<div class="py-32">${loadingIconSecondary}</div>`
         : this._connected
@@ -77,7 +74,7 @@ export class LwcModalContent extends withTwind()(LwcElement) {
               How would you like to connect?
             </h1>
 
-            <lwc-connector-list />
+            <bc-connector-list />
           `}
     </div>`;
   }
@@ -89,6 +86,6 @@ export class LwcModalContent extends withTwind()(LwcElement) {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'lwc-modal-content': LwcModalContent;
+    'bc-modal-content': ModalContent;
   }
 }
diff --git a/src/components/lwc-modal.ts b/src/components/bc-modal.ts
similarity index 80%
rename from src/components/lwc-modal.ts
rename to src/components/bc-modal.ts
index aad698c..feef5fa 100644
--- a/src/components/lwc-modal.ts
+++ b/src/components/bc-modal.ts
@@ -1,16 +1,19 @@
 import {html} from 'lit';
 import {customElement, property, state} from 'lit/decorators.js';
-import {LwcElement} from './lwc-element';
-import './lwc-modal-content.js';
+import {BitcoinConnectElement} from './BitcoinConnectElement';
+import './bc-modal-content.js';
 import store from '../state/store';
-import {dispatchLwcEvent} from '../utils/dispatchLwcEvent';
+import {dispatchEvent} from '../utils/dispatchEvent';
 import {color} from './css/colors';
 import {crossIcon} from './icons/crossIcon';
 import {bcLogo} from './icons/bcLogo';
 import {withTwind} from './twind/withTwind';
 
-@customElement('lwc-modal')
-export class LwcModal extends withTwind()(LwcElement) {
+/**
+ * The modal allows the user to view a list of connectors, connect and disconnect.
+ */
+@customElement('bc-modal')
+export class Modal extends withTwind()(BitcoinConnectElement) {
   /**
    * Called when modal is closed
    */
@@ -35,17 +38,16 @@ export class LwcModal extends withTwind()(LwcElement) {
 
   override connectedCallback() {
     super.connectedCallback();
-    dispatchLwcEvent('lwc:modalopened');
+    dispatchEvent('bc:modalopened');
   }
 
   override disconnectedCallback() {
     super.disconnectedCallback();
-    dispatchLwcEvent('lwc:modalclosed');
+    dispatchEvent('bc:modalclosed');
   }
 
   override render() {
     return html` <div
-      part="modal"
       class="fixed top-0 left-0 w-full h-full flex justify-center items-end sm:items-center z-[21000]"
     >
       <div
@@ -67,7 +69,7 @@ export class LwcModal extends withTwind()(LwcElement) {
           </div>
           ${bcLogo}
         </div>
-        <lwc-modal-content class="flex w-full"></lwc-modal-content>
+        <bc-modal-content class="flex w-full"></bc-modal-content>
       </div>
     </div>`;
   }
@@ -80,6 +82,6 @@ export class LwcModal extends withTwind()(LwcElement) {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'lwc-modal': LwcModal;
+    'bc-modal': Modal;
   }
 }
diff --git a/src/components/connectors/lwc-connector.ts b/src/components/connectors/ConnectorElement.ts
similarity index 90%
rename from src/components/connectors/lwc-connector.ts
rename to src/components/connectors/ConnectorElement.ts
index 8635958..76a28fd 100644
--- a/src/components/connectors/lwc-connector.ts
+++ b/src/components/connectors/ConnectorElement.ts
@@ -1,12 +1,14 @@
 import {TemplateResult, html} from 'lit';
-import {LwcElement} from '../lwc-element';
+import {BitcoinConnectElement} from '../BitcoinConnectElement';
 import {withTwind} from '../twind/withTwind';
 import {ConnectorType} from '../../types/ConnectorType';
 import {color} from '../css/colors';
 import {ConnectorConfig} from '../../types/ConnectorConfig';
 import store from '../../state/store';
 
-export abstract class LwcConnector extends withTwind()(LwcElement) {
+export abstract class ConnectorElement extends withTwind()(
+  BitcoinConnectElement
+) {
   private _background: string;
   private _icon: TemplateResult<2>;
   protected _title: string;
diff --git a/src/components/connectors/lwc-alby-nwc-connector.ts b/src/components/connectors/bc-alby-nwc-connector.ts
similarity index 71%
rename from src/components/connectors/lwc-alby-nwc-connector.ts
rename to src/components/connectors/bc-alby-nwc-connector.ts
index 8539bc7..b82baa5 100644
--- a/src/components/connectors/lwc-alby-nwc-connector.ts
+++ b/src/components/connectors/bc-alby-nwc-connector.ts
@@ -1,10 +1,10 @@
 import {customElement} from 'lit/decorators.js';
-import {LwcConnector} from './lwc-connector';
 import {albyIcon} from '../icons/albyIcon';
 import {webln} from '@getalby/sdk';
+import {ConnectorElement} from './ConnectorElement';
 
-@customElement('lwc-alby-nwc-connector')
-export class LwcAlbyNWCConnector extends LwcConnector {
+@customElement('bc-alby-nwc-connector')
+export class AlbyNWCConnector extends ConnectorElement {
   constructor() {
     super(
       'nwc.alby',
@@ -19,7 +19,7 @@ export class LwcAlbyNWCConnector extends LwcConnector {
 
     await nwc.initNWC({
       // TODO: pass to component
-      name: 'Lightning Wallet Connect',
+      name: 'Bitcoin Connect',
     });
 
     this._connect({
@@ -30,6 +30,6 @@ export class LwcAlbyNWCConnector extends LwcConnector {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'lwc-alby-nwc-connector': LwcAlbyNWCConnector;
+    'bc-alby-nwc-connector': AlbyNWCConnector;
   }
 }
diff --git a/src/components/connectors/lwc-extension-connector.ts b/src/components/connectors/bc-extension-connector.ts
similarity index 65%
rename from src/components/connectors/lwc-extension-connector.ts
rename to src/components/connectors/bc-extension-connector.ts
index b477a34..aa1fccb 100644
--- a/src/components/connectors/lwc-extension-connector.ts
+++ b/src/components/connectors/bc-extension-connector.ts
@@ -1,9 +1,9 @@
 import {customElement} from 'lit/decorators.js';
-import {LwcConnector} from './lwc-connector';
 import {puzzleIcon} from '../icons/puzzleIcon';
+import {ConnectorElement} from './ConnectorElement';
 
-@customElement('lwc-extension-connector')
-export class LwcExtensionConnector extends LwcConnector {
+@customElement('bc-extension-connector')
+export class ExtensionConnector extends ConnectorElement {
   constructor() {
     super(
       'extension.generic',
@@ -20,6 +20,6 @@ export class LwcExtensionConnector extends LwcConnector {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'lwc-extension-connector': LwcExtensionConnector;
+    'bc-extension-connector': ExtensionConnector;
   }
 }
diff --git a/src/components/connectors/lwc-nwc-connector.ts b/src/components/connectors/bc-generic-nwc-connector.ts
similarity index 73%
rename from src/components/connectors/lwc-nwc-connector.ts
rename to src/components/connectors/bc-generic-nwc-connector.ts
index 1c78d87..ce9afc4 100644
--- a/src/components/connectors/lwc-nwc-connector.ts
+++ b/src/components/connectors/bc-generic-nwc-connector.ts
@@ -1,9 +1,9 @@
 import {customElement} from 'lit/decorators.js';
-import {LwcConnector} from './lwc-connector';
 import {nwcIcon} from '../icons/nwcIcon';
+import {ConnectorElement} from './ConnectorElement';
 
-@customElement('lwc-nwc-connector')
-export class LwcGenericNWCConnector extends LwcConnector {
+@customElement('bc-nwc-connector')
+export class GenericNWCConnector extends ConnectorElement {
   constructor() {
     super('nwc.generic', 'NWC Generic', '#7E22CD', nwcIcon);
   }
@@ -23,6 +23,6 @@ export class LwcGenericNWCConnector extends LwcConnector {
 
 declare global {
   interface HTMLElementTagNameMap {
-    'lwc-nwc-connector': LwcGenericNWCConnector;
+    'bc-nwc-connector': GenericNWCConnector;
   }
 }
diff --git a/src/components/connectors/index.ts b/src/components/connectors/index.ts
index b13bedd..ced7ca6 100644
--- a/src/components/connectors/index.ts
+++ b/src/components/connectors/index.ts
@@ -1,3 +1,3 @@
-export * from './lwc-extension-connector';
-export * from './lwc-alby-nwc-connector';
-export * from './lwc-nwc-connector';
+export * from './bc-extension-connector';
+export * from './bc-alby-nwc-connector';
+export * from './bc-nwc-connector';
diff --git a/src/components/css/colors.ts b/src/components/css/colors.ts
index 9fe3212..9cc4ab2 100644
--- a/src/components/css/colors.ts
+++ b/src/components/css/colors.ts
@@ -1,4 +1,4 @@
-const prefix = 'lwc-color-';
+const prefix = 'bc-color-';
 
 const colors = {
   primary: '#2EA7FF',
diff --git a/src/components/icons/lwcConnectedIcon.ts b/src/components/icons/bcConnectedIcon.ts
similarity index 90%
rename from src/components/icons/lwcConnectedIcon.ts
rename to src/components/icons/bcConnectedIcon.ts
index 4c017ec..86d08ce 100644
--- a/src/components/icons/lwcConnectedIcon.ts
+++ b/src/components/icons/bcConnectedIcon.ts
@@ -1,7 +1,7 @@
 import {svg} from 'lit';
 import {color} from '../css/colors';
 
-export const lwcConnectedIcon = svg`
+export const bcConnectedIcon = svg`
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 
 <path stroke-width="1.5" stroke="${color(
diff --git a/src/components/icons/lwcIcon.ts b/src/components/icons/bcIcon.ts
similarity index 98%
rename from src/components/icons/lwcIcon.ts
rename to src/components/icons/bcIcon.ts
index e7da033..d417deb 100644
--- a/src/components/icons/lwcIcon.ts
+++ b/src/components/icons/bcIcon.ts
@@ -1,7 +1,7 @@
 import {svg} from 'lit';
 import {color} from '../css/colors';
 
-export const lwcIcon = svg`
+export const bcIcon = svg`
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M20.467 9.58364C20.8686 7.1131 19.0009 5.75862 16.4352 4.83834L17.3135 1.49591L15.279 0.961432L14.4238 4.21577C13.889 4.07528 13.3395 3.94217 12.7935 3.81025L13.6547 0.534467L11.6213 0L10.7424 3.34125C10.2995 3.23448 9.86483 3.12899 9.44296 3.01841L9.44542 3.00797L6.63962 2.26953L6.06909 4.44258C6.06909 4.44258 7.579 4.80879 7.54676 4.82989C8.37077 5.04672 8.51324 5.59562 8.48275 6.02896L7.48221 9.83672L7.47855 9.8512L6.07612 15.1853C5.97179 15.4351 5.71068 15.8086 5.13466 15.6583C5.15463 15.6882 3.65584 15.2692 3.65584 15.2692L2.61304 17.5927L5.26067 18.2884C5.55635 18.3665 5.84844 18.4466 6.13748 18.5259L6.13789 18.526L6.13977 18.5265L6.14124 18.5269C6.33241 18.5794 6.52226 18.6314 6.71093 18.6823L5.82337 22.063L7.85559 22.5975L8.73456 19.2527C9.28955 19.4109 9.8284 19.5573 10.3557 19.6953L9.47987 23.0244L11.5144 23.5589L12.4019 20.1846C15.8739 20.8873 18.4943 20.6548 19.6357 17.5209C20.5555 14.9976 19.6421 13.5238 17.8231 12.5473C19.1605 12.2567 20.1761 11.3922 20.467 9.58364ZM11.6527 8.12503L11.9298 7.06916C12.0589 6.57751 12.5621 6.28358 13.0537 6.41263C13.5454 6.54169 13.8393 7.04487 13.7103 7.53652L13.4331 8.59239L14.4889 8.86954C14.9805 8.99859 15.2744 9.50178 15.1454 9.99342C15.0163 10.4851 14.5131 10.779 14.0215 10.6499L12.9657 10.3728L12.6885 11.4287C12.5595 11.9204 12.0563 12.2143 11.5646 12.0852C11.073 11.9562 10.7791 11.453 10.9081 10.9613L11.1853 9.90544L10.1293 9.62823C9.63766 9.49917 9.34372 8.99599 9.47278 8.50434C9.60184 8.0127 10.105 7.71876 10.5967 7.84782L11.6527 8.12503ZM14.1402 13.004L13.863 14.0599L12.807 13.7827C12.3154 13.6536 11.8122 13.9476 11.6832 14.4392C11.5541 14.9309 11.848 15.4341 12.3397 15.5631L13.3957 15.8403L13.1185 16.8962C12.9894 17.3879 13.2834 17.891 13.775 18.0201C14.2667 18.1492 14.7699 17.8552 14.8989 17.3636L15.1761 16.3077L16.2319 16.5848C16.7235 16.7139 17.2267 16.42 17.3557 15.9283C17.4848 15.4367 17.1909 14.9335 16.6992 14.8044L15.6435 14.5273L15.9206 13.4714C16.0497 12.9798 15.7557 12.4766 15.2641 12.3475C14.7725 12.2185 14.2693 12.5124 14.1402 13.004Z" fill="${color(
   'text-primary'
diff --git a/src/components/lwc-connector-list.ts b/src/components/lwc-connector-list.ts
deleted file mode 100644
index 0c7753c..0000000
--- a/src/components/lwc-connector-list.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import {html} from 'lit';
-import {withTwind} from './twind/withTwind.js';
-import {LwcElement} from './lwc-element.js';
-import {customElement} from 'lit/decorators.js';
-import './connectors/lwc-extension-connector.js';
-import './connectors/lwc-alby-nwc-connector.js';
-import './connectors/lwc-nwc-connector.js';
-
-/**
- * A list of available connectors
- *
- * @csspart connector-list
- */
-@customElement('lwc-connector-list')
-export class LwcConnectorList extends withTwind()(LwcElement) {
-  override render() {
-    return html` <div
-      part="connector-list"
-      class="flex justify-center items-start flex-wrap"
-    >
-      ${window.webln
-        ? html`<lwc-extension-connector></lwc-extension-connector>`
-        : null}
-      <lwc-alby-nwc-connector></lwc-alby-nwc-connector>
-      <lwc-nwc-connector></lwc-nwc-connector>
-    </div>`;
-  }
-}
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'lwc-connector-list': LwcConnectorList;
-  }
-}
diff --git a/src/index.ts b/src/index.ts
index 050ade6..5ac6e41 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,6 +1,6 @@
-export * from './components/lwc-button';
-export * from './components/lwc-modal';
-export * from './components/lwc-connector-list';
+export * from './components/bc-button';
+export * from './components/bc-modal';
+export * from './components/bc-connector-list';
 export * from './components/connectors/index';
 export * from './state/store';
-export * from './types/LwcEventType';
+export * from './types/EventType';
diff --git a/src/state/store.ts b/src/state/store.ts
index b9cd9df..936e322 100644
--- a/src/state/store.ts
+++ b/src/state/store.ts
@@ -1,7 +1,7 @@
 import {createStore} from 'zustand/vanilla';
 import {ConnectorConfig} from '../types/ConnectorConfig';
 import {connectors} from '../connectors';
-import {dispatchLwcEvent} from '../utils/dispatchLwcEvent';
+import {dispatchEvent} from '../utils/dispatchEvent';
 import {Connector} from '../connectors/Connector';
 
 interface PrivateStore {
@@ -42,7 +42,7 @@ const store = createStore<Store>((set) => ({
   balance: undefined,
   connectorName: undefined,
   connect: async (config: ConnectorConfig) => {
-    dispatchLwcEvent('lwc:connecting');
+    dispatchEvent('bc:connecting');
     set({
       connecting: true,
     });
@@ -60,7 +60,7 @@ const store = createStore<Store>((set) => ({
         alias,
         connectorName: config.connectorName,
       });
-      dispatchLwcEvent('lwc:connected');
+      dispatchEvent('bc:connected');
     } catch (error) {
       console.error(error);
       set({
@@ -79,7 +79,7 @@ const store = createStore<Store>((set) => ({
       connectorName: undefined,
     });
     deleteConfig();
-    dispatchLwcEvent('lwc:disconnected');
+    dispatchEvent('bc:disconnected');
   },
   setAlias: (alias) => {
     set({alias});
@@ -93,15 +93,15 @@ const store = createStore<Store>((set) => ({
 export default store;
 
 function deleteConfig() {
-  window.localStorage.removeItem('lwc:config');
+  window.localStorage.removeItem('bc:config');
 }
 
 function saveConfig(config: ConnectorConfig) {
-  window.localStorage.setItem('lwc:config', JSON.stringify(config));
+  window.localStorage.setItem('bc:config', JSON.stringify(config));
 }
 
 function loadConfig() {
-  const configJson = window.localStorage.getItem('lwc:config');
+  const configJson = window.localStorage.getItem('bc:config');
   if (configJson) {
     const config = JSON.parse(configJson) as ConnectorConfig;
     store.getState().connect(config);
diff --git a/src/types/EventType.ts b/src/types/EventType.ts
new file mode 100644
index 0000000..5a833f7
--- /dev/null
+++ b/src/types/EventType.ts
@@ -0,0 +1,6 @@
+export type EventType =
+  | 'bc:connected'
+  | 'bc:connecting'
+  | 'bc:disconnected'
+  | 'bc:modalopened'
+  | 'bc:modalclosed';
diff --git a/src/types/LwcEventType.ts b/src/types/LwcEventType.ts
deleted file mode 100644
index aba9961..0000000
--- a/src/types/LwcEventType.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export type LwcEventType =
-  | 'lwc:connected'
-  | 'lwc:connecting'
-  | 'lwc:disconnected'
-  | 'lwc:modalopened'
-  | 'lwc:modalclosed';
diff --git a/src/utils/dispatchEvent.ts b/src/utils/dispatchEvent.ts
new file mode 100644
index 0000000..5fa3127
--- /dev/null
+++ b/src/utils/dispatchEvent.ts
@@ -0,0 +1,6 @@
+import {EventType} from '../types/EventType';
+
+export function dispatchEvent(type: EventType) {
+  const event = new Event(type, {bubbles: true, composed: true});
+  window.dispatchEvent(event);
+}
diff --git a/src/utils/dispatchLwcEvent.ts b/src/utils/dispatchLwcEvent.ts
deleted file mode 100644
index be74835..0000000
--- a/src/utils/dispatchLwcEvent.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import {LwcEventType} from '../types/LwcEventType';
-
-export function dispatchLwcEvent(type: LwcEventType) {
-  const event = new Event(type, {bubbles: true, composed: true});
-  window.dispatchEvent(event);
-}
diff --git a/website/package.json b/website/package.json
index 0a018d3..b081b59 100644
--- a/website/package.json
+++ b/website/package.json
@@ -10,7 +10,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@getalby/lightning-wallet-connect": "^1.0.13",
+    "@getalby/bitcoin-connect": "^1.0.13",
     "@heroicons/react": "^2.0.18",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/website/src/App.tsx b/website/src/App.tsx
index 1b908eb..72726a7 100644
--- a/website/src/App.tsx
+++ b/website/src/App.tsx
@@ -1,7 +1,7 @@
 import {ChevronRightIcon} from '@heroicons/react/24/solid';
 import {useAppStore} from './AppStore';
 import {Header} from './components/Header';
-import '@getalby/lightning-wallet-connect';
+import '@getalby/bitcoin-connect';
 import desktopImageUrl from './assets/monitor.png';
 import phoneImageUrl from './assets/phone.png';
 import zappyBirdImageUrl from './assets/zappy-bird.png';
@@ -52,7 +52,7 @@ function App() {
               >
                 <source
                   type="video/mp4"
-                  src="/lightning-wallet-connect/demo-mobile.mp4"
+                  src="/bitcoin-connect/demo-mobile.mp4"
                 />
               </video>
             </div>
@@ -71,10 +71,7 @@ function App() {
                 className="absolute top-0 left-0 w-full h-full translate-y-[-7%]"
                 // onLoadedData={() => setVideoLoaded(true)}
               >
-                <source
-                  type="video/mp4"
-                  src="/lightning-wallet-connect/demo.mp4"
-                />
+                <source type="video/mp4" src="/bitcoin-connect/demo.mp4" />
               </video>
             </div>
           </div>
@@ -96,7 +93,7 @@ function App() {
         </p>
         <a
           className="self-start"
-          href="https://github.com/getAlby/lightning-wallet-connect"
+          href="https://github.com/getAlby/bitcoin-connect"
           target="_blank"
         >
           <button className="btn">
@@ -122,7 +119,7 @@ function App() {
             className={`flex-1 flex justify-center items-center theme-${themeIndex}`}
           >
             {/* @ts-ignore */}
-            <lwc-button />
+            <bc-button />
           </div>
           <div className="flex gap-4 justify-center item theme p-2 rounded-lg shadow-xl bg-black bg-opacity-30">
             <DarkModeToggle />
@@ -135,7 +132,7 @@ function App() {
                   }`}
                   style={{
                     background:
-                      'linear-gradient(180deg, var(--lwc-color-primary) 0%, var(--lwc-color-secondary) 100%)',
+                      'linear-gradient(180deg, var(--bc-color-primary) 0%, var(--bc-color-secondary) 100%)',
                   }}
                 />
               </div>
@@ -156,9 +153,9 @@ function App() {
           />
           <ShowcaseCard
             title="Make me an Image"
-            url="https://make-me-an-image-lwc-version.rolznz.repl.co/"
+            url="https://make-me-an-image-bc-version.rolznz.repl.co/"
             imageUrl={
-              'https://make-me-an-image-lwc-version.rolznz.repl.co/profile.png'
+              'https://make-me-an-image-bc-version.rolznz.repl.co/profile.png'
             }
           />
         </div>
diff --git a/website/src/components/Header.tsx b/website/src/components/Header.tsx
index 9338c29..f9479b6 100644
--- a/website/src/components/Header.tsx
+++ b/website/src/components/Header.tsx
@@ -1,4 +1,4 @@
-import '@getalby/lightning-wallet-connect';
+import '@getalby/bitcoin-connect';
 import {BCLogo} from '../icons/BCLogo';
 import {DarkModeToggle} from './DarkModeToggle';
 
@@ -11,7 +11,7 @@ export function Header() {
       </div>
       <div className="flex justify-end items-center gap-4">
         {/* @ts-ignore */}
-        <lwc-button />
+        <bc-button />
         <DarkModeToggle />
       </div>
     </div>
diff --git a/website/src/index.css b/website/src/index.css
index b1255dd..35801fe 100644
--- a/website/src/index.css
+++ b/website/src/index.css
@@ -3,52 +3,52 @@
 @tailwind utilities;
 
 [data-theme='dark'] {
-  --lwc-color-bg-primary: #222;
-  --lwc-color-bg-secondary: #000;
-  --lwc-color-text-primary: #000;
-  --lwc-color-text-secondary: #808080;
+  --bc-color-bg-primary: #222;
+  --bc-color-bg-secondary: #000;
+  --bc-color-text-primary: #000;
+  --bc-color-text-secondary: #808080;
 }
 
 [data-theme='dark'] .theme-2 {
-  --lwc-color-primary: #21ecc7;
-  --lwc-color-secondary: #21ecc7;
-  --lwc-color-tertiary: unset;
-  --lwc-color-bg-primary: black;
-  --lwc-color-bg-secondary: black;
-  --lwc-color-text-primary: black;
-  --lwc-color-text-secondary: #f4f4f4;
-  --lwc-color-text-tertiary: white;
+  --bc-color-primary: #21ecc7;
+  --bc-color-secondary: #21ecc7;
+  --bc-color-tertiary: unset;
+  --bc-color-bg-primary: black;
+  --bc-color-bg-secondary: black;
+  --bc-color-text-primary: black;
+  --bc-color-text-secondary: #f4f4f4;
+  --bc-color-text-tertiary: white;
 }
 
 .theme-0 {
-  --lwc-color-primary: #2ea7ff;
-  --lwc-color-secondary: #0045b1;
+  --bc-color-primary: #2ea7ff;
+  --bc-color-secondary: #0045b1;
 }
 .theme-1 {
-  --lwc-color-primary: #fada5e;
-  --lwc-color-secondary: #fada5e;
-  --lwc-color-bg-primary: #000;
-  --lwc-color-bg-secondary: #000;
-  --lwc-color-text-primary: black;
-  --lwc-color-text-secondary: rgb(245 245 245);
-  --lwc-color-text-tertiary: white;
+  --bc-color-primary: #fada5e;
+  --bc-color-secondary: #fada5e;
+  --bc-color-bg-primary: #000;
+  --bc-color-bg-secondary: #000;
+  --bc-color-text-primary: black;
+  --bc-color-text-secondary: rgb(245 245 245);
+  --bc-color-text-tertiary: white;
 }
 .theme-2 {
-  --lwc-color-tertiary: #21ecc7;
-  --lwc-color-primary: #10caa8;
-  --lwc-color-secondary: #10caa8;
-  --lwc-color-bg-primary: white;
-  --lwc-color-bg-secondary: black;
-  --lwc-color-text-primary: black;
-  --lwc-color-text-secondary: #1a202c;
-  --lwc-color-text-tertiary: white;
+  --bc-color-tertiary: #21ecc7;
+  --bc-color-primary: #10caa8;
+  --bc-color-secondary: #10caa8;
+  --bc-color-bg-primary: white;
+  --bc-color-bg-secondary: black;
+  --bc-color-text-primary: black;
+  --bc-color-text-secondary: #1a202c;
+  --bc-color-text-tertiary: white;
 }
 
 .theme-3 {
-  --lwc-color-primary: #ffc837;
-  --lwc-color-secondary: #ff8008;
-  --lwc-color-bg-primary: black;
-  --lwc-color-bg-secondary: black;
-  --lwc-color-text-primary: black;
-  --lwc-color-text-secondary: #ca9;
+  --bc-color-primary: #ffc837;
+  --bc-color-secondary: #ff8008;
+  --bc-color-bg-primary: black;
+  --bc-color-bg-secondary: black;
+  --bc-color-text-primary: black;
+  --bc-color-text-secondary: #ca9;
 }
diff --git a/website/vite.config.ts b/website/vite.config.ts
index 837bbbd..b658fbf 100644
--- a/website/vite.config.ts
+++ b/website/vite.config.ts
@@ -4,5 +4,5 @@ import react from '@vitejs/plugin-react-swc';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-  base: '/lightning-wallet-connect/',
+  base: '/bitcoin-connect/',
 });