Use with React
Available to use in any framework that supports React components.
import { Swap } 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 <Swap projectId="swing-project-id" />;
}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.