Seamless Bitcoin Wallet Integration

Supercharge your dApp with one powerful library

Connect to any Bitcoin wallet, handle transactions, and work with Ordinals & BRC-20 tokens with just a few lines of code.

LaserEyes Wallet Connect
Connect your Bitcoin wallet to explore LaserEyes features

Don't have a wallet?
Click here to see some options

Supported By

Magic Edenoyltriolevel 1 foundationseize ctrlUTXOBLife ProtocolLeather
Quick Start Guide

Quick Start

Get up and running with LaserEyes in minutes

Installation

npm install @omnisat/lasereyes-core @omnisat/lasereyes-react

Basic Setup

wallet-connect.tsx
import {
  LaserEyesProvider,
  useLaserEyes,
  MAINNET,
  OYL,
} from "@omnisat/lasereyes";

function App() {
  return (
    <LaserEyesProvider config={{ network: MAINNET }}>
      <WalletConnect />
    </LaserEyesProvider>
  );
}

function WalletConnect() {
  const { connect, disconnect, connected, address } = useLaserEyes();

  const connectWallet = async () => {
    try {
      await connect(OYL);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <div>
      {connected ? (
        <div>
          <p>Connected: {address}</p>
          <button onClick={disconnect}>Disconnect</button>
        </div>
      ) : (
        <button onClick={connectWallet}>Connect Wallet</button>
      )}
    </div>
  );
}
Scaffold Your Project

Create LaserEyes App

Get started with a fully configured Bitcoin dApp in seconds

Create a New Project

npx create-lasereyes

Modern Stack

Next.js 14+, React 18, TypeScript, and Tailwind CSS pre-configured

Wallet Integration

Pre-built wallet connection modal and components ready to use

Best Practices

Security, performance, and accessibility best practices included

Project Structure

my-lasereyes-app/
├── src/
│   ├── app/
│   │   ├── layout.tsx    # Root layout with providers
│   │   └── page.tsx      # Home page
│   ├── components/
│   │   ├── ui/          # Reusable UI components
│   │   └── wallet/      # Wallet integration components
│   └── lib/
│       └── utils.ts     # Utility functions
└── package.json
Powerful Features

Everything you need to build powerful Bitcoin web applications

LaserEyes provides a comprehensive toolkit for Bitcoin developers

Multi-Wallet Support

Connect to multiple Bitcoin wallets with a unified API, including UniSat, Xverse, OYL, and more.

Ordinals & Inscriptions

Full support for Bitcoin Ordinals, inscriptions, and BRC-20 tokens with simple, intuitive methods.

DataSource Abstraction

Switch between different Bitcoin data providers seamlessly with our DataSource system.

TypeScript Support

First-class TypeScript support with comprehensive type definitions for a better developer experience.

Performance Optimized

Built with performance in mind, ensuring your dApps remain fast and responsive.

Security Focused

Security best practices baked in, with careful handling of sensitive operations.

Data Providers

Data Source Manager

LaserEyes integrates with leading Bitcoin data providers

Maestro

A powerful Bitcoin API with comprehensive support for Ordinals, inscriptions, and more.

Visit Website

Sandshrew

Fast and reliable Bitcoin data indexing service with excellent developer experience.

Visit Website

Mempool.space

Open-source explorer and API for the Bitcoin mempool and network.

Visit Website

Production API Keys Warning

The API keys included with LaserEyes are intended for development purposes only. For production applications, please register for your own API keys with Maestro and/or Sandshrew to ensure reliable service and avoid rate limiting issues.
Data Source Manager Playground
// Configure data sources
const config = {
  network: MAINNET,
  dataSources: {
    maestro: {
      apiKey: "your-api-key" // Optional for development
    },


  }
};

// Initialize the data source manager
const dataSourceManager = new DataSourceManager(config);

Get the balance of an address

// Get balance using maestro
const balance = await dataSourceManager.getBalance("bc1q...");
console.log(`Balance: ${balance} satoshis`);
Wallet Integration

Supported Wallets

Connect with all major Bitcoin wallets

UniSat

Xverse

OYL

Leather

Magic Eden

OKX

Phantom

Wizz

Orange

OP_NET

Multi-Framework

Framework Support

Use LaserEyes with your favorite frameworks

Core

Framework-agnostic implementation for maximum flexibility

React

React hooks and components for seamless integration

Angular

Angular services and directives for enterprise apps

Vue

Vue composables and components for reactive applications

+

Coming Soon

Support for more frameworks on the way

Ready to build with LaserEyes?

Start integrating Bitcoin wallets into your web applications today