Create XionBuilderKit

A full-stack developer toolkit that helps you build delightful, consumer-grade Web3 apps on XION — without worrying about wallets, gas, or chains.

Overview

xionbuilderkit provides components and utilities to quickly set up and develop Xion applications with the proper integration. It leverages official Xion templates and components to accelerate your development process.

Installation

You can create a new Xion application using:

npm create xionbuilderkit

Usage

Creating a new project

Run the following command and follow the prompts:

npm create xionbuilderkit

The SDK will ask for your project name and then scaffold a new application for you.

Getting started with your new project

After creating your project:

cd your-project-name
npm install
npm run dev

Features

• Quick project scaffolding
• Pre-configured templates
• Built-in Xion integration
• Ready-to-use authentication components

Components

The XionBuilderKit includes the XionLogin component that helps you implement authentication in your application.

XionLogin Component

The XionLogin component handles user authentication with Xion.

Example Usage

import { XionLogin } from './components/XionLogin';

function App() {
  const handleConnect = (address) => {
    console.log('Connected with address:', address);
    // Your logic after successful connection
  };

  const handleDisconnect = () => {
    console.log('Disconnected');
    // Your logic after disconnection
  };

  return (
    <div>
      <h1>My Xion App</h1>
      <XionLogin
        onConnect={handleConnect}
        onDisconnect={handleDisconnect}
      />
    </div>
  );
}

Templates

The SDK uses templates from the XionBuilderKit repository.

License

MIT

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Support

For any questions or support needs, please open an issue in the GitHub repository.