A React component library for building blockchain applications with ease, focusing on XRPL integration (more coming soon).
npm install @easya/layer-ui-reactA React component library for building blockchain applications with ease, focusing on XRPL integration (more coming soon).
- 🔗 Seamless blockchain connectivity
- 💰 Token management components
- 🎨 Dark/Light mode support
- 🔐 Wallet integration
- 📊 Balance display components
- 🔄 Transaction handling
``bash`
npm install @easya/layer-ui-reactor
yarn add @easya/layer-ui-react
`typescript
import { BlockchainProvider, ConnectButton } from '@easya/layer-ui-react';
const config = {
network: 'testnet',
blockchain: 'xrpl',
wallet: 'crossmark'
};
function App() {
return (
);
}
`
- BlockchainProvider - Provides blockchain context to all componentsConnectButton
- - Button to connect/disconnect walletAddressDisplay
- - Shows wallet addressBalanceDisplay
- - Shows XRP balanceBalancesDisplay
- - Shows all token balancesTransactionForm
- - Send tokens/XRPIssueTokenForm
- - Create new fungible tokensTrustLineForm
- - Create token trust lines
1. create a react app:
npm create vite@latest your-project-name -- --template react
2. cd your-project-namenpm install
3. npm i @easya/layer-ui-react
4.
5. now, we can start using it! update App.jx content to:
`typescript
import { BlockchainProvider, ConnectButton } from '@easya/layer-ui-react';
const config = {
network: 'testnet',
blockchain: 'xrpl',
wallet: 'crossmark'
};
function App() {
return (
);
}
export default App;
`
6. npm run dev`
1. clone the starter repo
https://github.com/EasyA-Tech/easya-layer-starter-react
2. npm install
3. npm start
4. You can now start modifing the starter app