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.
Don't have a wallet?
Click here to see some options
Quick Start
Get up and running with LaserEyes in minutes
Installation
npm install @omnisat/lasereyes-core @omnisat/lasereyes-react
Basic Setup
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>
);
}
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
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 Source Manager
LaserEyes integrates with leading Bitcoin data providers
Maestro
A powerful Bitcoin API with comprehensive support for Ordinals, inscriptions, and more.
Visit WebsiteSandshrew
Fast and reliable Bitcoin data indexing service with excellent developer experience.
Visit WebsiteProduction API Keys Warning
// 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`);
Supported Wallets
Connect with all major Bitcoin wallets
UniSat
Xverse
OYL
Leather
Magic Eden
OKX
Phantom
Wizz
Orange
OP_NET
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