Swing Points Program is Live 🚀 Learn More →

Use with React

Usage in any framework that supports React components.

import { Gas } from '@swing.xyz/ui';
 
// Import the theme CSS directly within your component or within another css file
import '@swing.xyz/ui/theme.css';
 
function Component() {
  return <Gas projectId="react-example" />;
}

Customizations

Connect your Project

Learn how to setup a Swing Platform project to configure the chains, tokens and integrations used by the widget.

Configure an environment

Learn how to configure the widget to use production and testnet environments.

Customize the theme

Learn how to customize the colors, fonts and sizing used by the widget.