PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

6.0.7

npm

@0xsequence/wallet-widget

Wallet UI for Sequence Web SDK

Published24 Jun 2026
Direct dependencies17
Transitive dependenciesNot calculated

README

Current package documentation

Sequence Web SDK Wallet

Embedded wallet allowing to display and send collectibles and coins.

Installing the module

First install the package:

npm install @0xsequence/wallet-widget
# or
pnpm install @0xsequence/wallet-widget
# or
yarn add @0xsequence/wallet-widget

Then the wallet provider module must placed below the Sequence Web SDK Core provider.

import { SequenceWalletProvider } from '@0xsequence/wallet-widget'

const App = () => {
  return (
    <SequenceConnect config={config}>
      <SequenceWalletProvider>
        <Page />
      </SequenceWalletProvider>
    </WagmiProvider>
  )
}

Opening the embedded wallet

The embedded wallet modal can be summoded with the useOpenWalletModal hook.

import { useOpenWalletModal } from '@0xsequence/wallet-widget'

const MyComponent = () => {
  const { setOpenWalletModal } = useOpenWalletModal()

  const onClick = () => {
    setOpenWalletModal(true)
  }

  return <button onClick={onClick}>open wallet</button>
}

Trails widget customization

You can override the Trails widget styling via the connect config. Provide a single CSS string or per-theme values:

import { SequenceConnect, createConfig } from '@0xsequence/connect'

const config = createConfig('waas', {
  projectAccessKey: '<your-project-access-key>',
  waasConfigKey: '<your-waas-config-key>',
  defaultTheme: 'light',
  trailsCustomCSS: {
    light: '/* custom light theme CSS */',
    dark: '/* custom dark theme CSS */'
  }
})

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 24

Native requirements
17 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
dayjs
Environment
{
  "local_name": "dayjs",
  "alias": false,
  "peer_metadata": null
}
^1.11.13runtime
motion
Environment
{
  "local_name": "motion",
  "alias": false,
  "peer_metadata": null
}
^12.9.2runtime
fuse.js
Environment
{
  "local_name": "fuse.js",
  "alias": false,
  "peer_metadata": null
}
^7.1.0runtime
0xtrails
Environment
{
  "local_name": "0xtrails",
  "alias": false,
  "peer_metadata": null
}
^0.11.0runtime
qrcode.react
Environment
{
  "local_name": "qrcode.react",
  "alias": false,
  "peer_metadata": null
}
^4.2.0runtime
micro-observables
Environment
{
  "local_name": "micro-observables",
  "alias": false,
  "peer_metadata": null
}
1.7.2runtime
@radix-ui/react-popover
Environment
{
  "local_name": "@radix-ui/react-popover",
  "alias": false,
  "peer_metadata": null
}
^1.1.11runtime
@0xsequence/design-system
Environment
{
  "local_name": "@0xsequence/design-system",
  "alias": false,
  "peer_metadata": null
}
3.2.9runtime
viem
Environment
{
  "local_name": "viem",
  "alias": false,
  "peer_metadata": null
}
^2.45.1development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^19.1.0development
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^3.2.0development
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^19.1.0development
@0xsequence/hooks
Environment
{
  "local_name": "@0xsequence/hooks",
  "alias": false,
  "peer_metadata": null
}
6.0.7development
@0xsequence/connect
Environment
{
  "local_name": "@0xsequence/connect",
  "alias": false,
  "peer_metadata": null
}
6.0.7development
@tanstack/react-query
Environment
{
  "local_name": "@tanstack/react-query",
  "alias": false,
  "peer_metadata": null
}
^5.74.11development
viem
Environment
{
  "local_name": "viem",
  "alias": false,
  "peer_metadata": null
}
>= 2.45.0peer
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
>= 17peer
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
>= 3.2.0peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
>= 17peer
@0xsequence/api
Environment
{
  "local_name": "@0xsequence/api",
  "alias": false,
  "peer_metadata": null
}
>=3.0.1peer
@0xsequence/hooks
Environment
{
  "local_name": "@0xsequence/hooks",
  "alias": false,
  "peer_metadata": null
}
6.0.7peer
@0xsequence/connect
Environment
{
  "local_name": "@0xsequence/connect",
  "alias": false,
  "peer_metadata": null
}
6.0.7peer
@0xsequence/indexer
Environment
{
  "local_name": "@0xsequence/indexer",
  "alias": false,
  "peer_metadata": null
}
>=3.0.1peer
@tanstack/react-query
Environment
{
  "local_name": "@tanstack/react-query",
  "alias": false,
  "peer_metadata": null
}
>= 5peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "86228843299a7dcc3f1de4f52efae6f5260b598d",
  "tarball": "https://registry.npmjs.org/@0xsequence/wallet-widget/-/wallet-widget-6.0.7.tgz",
  "fileCount": 507,
  "integrity": "sha512-sxsY7aWphUx7pzzr9NcOiZZxepY9MpSHGNpL6s12DQFxH5woHsWVNlR11i8RMizeZbWDVz2jBKoGUSa9FtAMJw==",
  "signatures": [
    {
      "sig": "MEYCIQC96MS9lj35DFwnGmnvEXljUNwiNdMhoF3jDIgo6woIoAIhAOUOiIMjyxQ+sKHYhZCnpUU8/9nHhW94XnjvUYNW7261",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 594780
}

Repository

PENDING
0xsequence/web-sdk

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 21 Oct, 11:26 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:89f6285ca3469002b33a14c80bd15e031d5f392a0ef98d7277d346dbebc558e5

Other collected versions

5.4.1213 Jul6.0.913 Jul6.0.830 Jun6.0.614 May5.4.119 Apr6.0.59 AprView all collected versions →