@abstract

Official AGW Reusables registry from Abstract Foundation for building on the Abstract Global Wallet (AGW) chain. Components cover: AGWProvider (session setup), ConnectWalletButton, SIWEButton (Sign-In with Ethereum), OnboardingDialog, CreateSessionKeyButton, AbstractProfile, AbstractAppVoting, and config utilities for abstract contracts and AI rule files. Built on shadcn/ui + Next.js; requires the @abstract-foundation/agw-react SDK. Free, open-source. Use for: any Abstract-chain dApp front-end that needs wallet connection, SIWE auth, and session-key management UI out of the box.

13 components react shadcn-cli

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://build.abs.xyz/registry.json

pnpm pnpm dlx shadcn@latest add https://build.abs.xyz/registry.json

bun bunx shadcn@latest add https://build.abs.xyz/registry.json

fetch registry curl -s https://build.abs.xyz/registry.json

Components

13 total

Connect Wallet Button component

A connect wallet button using Abstract Global Wallet with dropdown menu when connected

npx shadcn@latest add https://build.abs.xyz/r/connect-wallet-button/json

Abstract Profile component

A profile component that displays user profile pictures from Abstract Portal with tier-based styling and loading states

npx shadcn@latest add https://build.abs.xyz/r/abstract-profile/json

AGW Provider component

Provider component that wraps your application with Abstract Global Wallet and React Query

npx shadcn@latest add https://build.abs.xyz/r/agw-provider/json

SIWE Button component

A streamlined SIWE authentication button that handles wallet connection, message signing, and authentication state

npx shadcn@latest add https://build.abs.xyz/r/siwe-button/json

Session Key Button component

A comprehensive session key management button that handles creation, validation, and revocation of Abstract Global Wallet session keys

npx shadcn@latest add https://build.abs.xyz/r/session-keys/json

Onboarding Dialog component

A configurable multi-step onboarding dialog that guides users through AGW authentication (wallet connection, SIWE, session keys) with progress indication

npx shadcn@latest add https://build.abs.xyz/r/onboarding-dialog/json

Portfolio Chart component

An interactive area chart that displays Abstract Global Wallet portfolio value over time with multiple time period selections

npx shadcn@latest add https://build.abs.xyz/r/portfolio-chart/json

Optimistic Transactions hook

An experimental hook for optimistic transaction execution using Abstract's unstable_sendRawTransactionWithDetailedOutput endpoint to get instant transaction fe…

npx shadcn@latest add https://build.abs.xyz/r/use-optimistic-write-contract/json

Abstract Contracts lib

Configuration for common Abstract network contract addresses and ABIs for tokens and DEX infrastructure

npx shadcn@latest add https://build.abs.xyz/r/abstract-contracts/json

Abstract App Voting component

A voting button for Abstract apps that checks vote status and submits votes via Abstract Global Wallet

npx shadcn@latest add https://build.abs.xyz/r/abstract-app-voting/json

NFT Card component

A single NFT card component that displays an NFT with image, name, collection, and balance

npx shadcn@latest add https://build.abs.xyz/r/nft-card/json

Cursor AI Configuration lib

Cursor project rules and MCP configuration optimized for Abstract ecosystem development with AGW, wagmi, and Next.js

npx shadcn@latest add https://build.abs.xyz/r/cursor-ai-config/json

Claude Code Configuration lib

Claude Code project instructions and MCP server configuration optimized for Abstract ecosystem development with AGW, wagmi, and Next.js

npx shadcn@latest add https://build.abs.xyz/r/claude-config/json