Skip to content

SolDapper/Connect-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

44 Commits
 
 
 
 
 
 

Repository files navigation

Connect 3

Native Javascript Web3 Wallet Plugin.

This plugin provides a basic Solana Web3 wallet connection using native javascript only.

FreeSolGamesDev created a nice jquery derivation of Connect-3 with more features that you can find on jsfiddle here.

Supported Wallets

  • Phantom, Solflare, Backpack

Basic Installation

  1. Make sure your metatag title and icon images are included in the head of your page.
<title>Connect 3</title>
<meta name="description" content="Native Javascript Web3 Wallet Plugin." />
<meta property="og:image" content="https://website.com/icon-150.jpg">
<link rel="icon" href="https://website.com/icon-150.jpg" type="image/png">
<link rel="apple-touch-icon" href="https://website.com/icon-150.jpg" type="image/png">
  1. Add the Connect 3 stylesheet in the head of your page.
<link rel="stylesheet" href="connect_3.css">
  1. Add Connect and Disconnect buttons anywhere in the body of the page.
  • Element class for Connect buttons = connect_3_button
  • Element class for Disconnect buttons = disconnect_3_button
<button class="connect_3_button">Connect</button>
<button class="disconnect_3_button">Disconnect</button>
  1. Add the Connect 3 container and script immediately before the closing body tag.
<div id="connect_3"></div>
<script src="connect_3.js"></script>

Please see the source code of the example.html file. connect_3/example.html