https://github.com/gsaini/stripe-globe-on-website

Sample example to Add A 3D Globe To Your Website (Like Stripe)
https://github.com/gsaini/stripe-globe-on-website

html javascript stripe-globe threejs threejs-example

Last synced: about 1 month ago
JSON representation

Sample example to Add A 3D Globe To Your Website (Like Stripe)

• Host: GitHub
• URL: https://github.com/gsaini/stripe-globe-on-website
• Owner: gsaini
• Created: 2025-02-17T20:03:53.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-17T20:36:40.000Z (over 1 year ago)
• Last Synced: 2026-06-14T23:34:34.255Z (about 1 month ago)
• Topics: html, javascript, stripe-globe, threejs, threejs-example
• Language: HTML
• Homepage:
• Size: 24.9 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Running `index.html` with `http-server`

## Prerequisites

Make sure you have Node.js and npm installed. You can download them from [nodejs.org](https://nodejs.org/).

## Running the Server

1. Using npx you can run the script without installing it first:

    ```sh

    cd /path/to/your/project

    npx http-server

    ```

3. Open your browser and go to `http://127.0.0.1:8080/` to see your content of `index.html`.

## CORS configs to load content from Strip site.

1. Click on network call which is failing because of CORS issue & right click on it.

2. Click on `Override Headers` option on it. Ref. ![Step 01](./screenshots/step-01.png){:height="36px" width="36px"}

3. Click on `.Headers` option Ref. ![Step 02](./screenshots/step-02.png)

4. Click on `Add override rule` button. Ref. ![Step 03](./screenshots/step-03.png)

5. Add header `Access-Control-Allow-Origin` as `*` for all. Ref. ![Step 04](./screenshots/step-04.png)

6. Keep the devtool open to keep the above changes effective.

## Additional Information

For more options and configurations, refer to the [http-server documentation](https://www.npmjs.com/package/http-server).