diff --git a/site/public/llms-full.txt b/site/public/llms-full.txt new file mode 100644 index 0000000000..7e01d398e5 --- /dev/null +++ b/site/public/llms-full.txt @@ -0,0 +1,1920 @@ +# https://rainbowkit.com llms-full.txt + +![Rainbow logo](/rainbow.svg) + +RainbowKit + +### Overview + +[Introduction](/docs/introduction) [Migration Guide](/docs/migration-guide) + +### Getting Started + +[Installation](/docs/installation) [ConnectButton](/docs/connect-button) [Modal Sizes](/docs/modal-sizes) [Theming](/docs/theming) [Chains](/docs/chains) [Localization](/docs/localization) [Authentication](/docs/authentication) [Recent Transactions](/docs/recent-transactions) + +### Advanced + +[Modal Hooks](/docs/modal-hooks) [Custom ConnectButton](/docs/custom-connect-button) [Custom Theme](/docs/custom-theme) [Custom Wallet List](/docs/custom-wallet-list) [Custom Wallets](/docs/custom-wallets) [Custom Chains](/docs/custom-chains) [Custom App Info](/docs/custom-app-info) [Custom Avatars](/docs/custom-avatars) [Custom Authentication](/docs/custom-authentication) [WalletButton](/docs/wallet-button) [Cool Mode](/docs/cool-mode) + +Installation + +# Installation + +## Get up and running with RainbowKit + +[**Quick start**](#quick-start) + +You can scaffold a new RainbowKit + [wagmi](https://wagmi.sh) \+ [Next.js](https://nextjs.org) app with one of the following commands, using your package manager of choice: + +``` + +npm init @rainbow-me/rainbowkit@latest + +# or + +pnpm create @rainbow-me/rainbowkit@latest + +# or + +yarn create @rainbow-me/rainbowkit + +``` + +Copy + +This will prompt you for a project name, generate a new directory containing a boilerplate project, and install all required dependencies. + +Alternatively, you can manually integrate RainbowKit into your existing project. + +[**Manual setup**](#manual-setup) + +Install RainbowKit and its peer dependencies, [wagmi](https://wagmi.sh/), [viem](https://viem.sh), and [@tanstack/react-query](https://tanstack.com/query/v5). + +``` + +npm install @rainbow-me/rainbowkit wagmi viem@2.x @tanstack/react-query + +``` + +Copy + +> Note: RainbowKit is a [React](https://reactjs.org/) library. + +[**Import**](#import) + +Import RainbowKit, Wagmi and TanStack Query. + +``` + +import '@rainbow-me/rainbowkit/styles.css'; + +import { + getDefaultConfig, + RainbowKitProvider, +} from '@rainbow-me/rainbowkit'; + +import { WagmiProvider } from 'wagmi'; + +import { + mainnet, + polygon, + optimism, + arbitrum, + base, +} from 'wagmi/chains'; + +import { + QueryClientProvider, + QueryClient, +} from "@tanstack/react-query"; + +``` + +Copy + +[**Configure**](#configure) + +Configure your desired chains and generate the required connectors. You will also need to setup a `wagmi` config. If your dApp uses server side rendering (SSR) make sure to set `ssr` to `true`. + +> Note: Every dApp that relies on WalletConnect now needs to obtain a `projectId` from [WalletConnect Cloud](https://cloud.walletconnect.com/). This is absolutely free and only takes a few minutes. + +``` + +... + +import { getDefaultConfig } from '@rainbow-me/rainbowkit'; + +const config = getDefaultConfig({ + + appName: 'My RainbowKit App', + + projectId: 'YOUR_PROJECT_ID', + + chains: [mainnet, polygon, optimism, arbitrum, base], + + ssr: true, // If your dApp uses server side rendering (SSR) + +}); + +``` + +Copy + +[**Wrap providers**](#wrap-providers) + +Wrap your application with `RainbowKitProvider`, [`WagmiProvider`](https://wagmi.sh/react/api/WagmiProvider#wagmiprovider), and [`QueryClientProvider`](https://tanstack.com/query/v4/docs/framework/react/reference/QueryClientProvider). + +``` + +const queryClient = new QueryClient(); + +const App = () => { + + return ( + + + + + + + + {/* Your App */} + + + + + + + + ); + +}; + +``` + +Copy + +[**Add the connect button**](#add-the-connect-button) + +Then, in your app, import and render the `ConnectButton` component. + +``` + +import { ConnectButton } from '@rainbow-me/rainbowkit'; + +export const YourApp = () => { + + return ; + +}; + +``` + +Copy + +RainbowKit will now handle your user's wallet selection, display wallet/transaction information and handle network/wallet switching. + +[**Additional build tooling setup**](#additional-build-tooling-setup) + +Some build tools will require additional setup. + +[**Remix**](#remix) + +When using [Remix](https://remix.run), you must polyfill `buffer`, `events` and `http` modules. Reference the Remix configuration below, or [our sample Remix project](https://github.com/rainbow-me/rainbowkit/blob/main/examples/with-remix). + +``` + +/** @type {import('@remix-run/dev').AppConfig} */ + +export default { + + ignoredRouteFiles: ["**/.*"], + + browserNodeBuiltinsPolyfill: { + + modules: { buffer: true, events: true, http: true }, + + }, + +}; + +``` + +Copy + +[**Preparing to deploy**](#preparing-to-deploy) + +By default, your dApp uses public RPC providers for each chain to fetch balances, resolve ENS names, and more. This can often cause reliability issues for your users as public nodes are rate-limited. You should instead purchase access to an RPC provider through services like [Alchemy](https://www.alchemy.com/) or [QuickNode](https://www.quicknode.com/), and define your own Transports in Wagmi. This can be achieved by adding the `transports` param in `getDefaultConfig` or via Wagmi's `createConfig` directly. + +A Transport is the networking middle layer that handles sending JSON-RPC requests to the Ethereum Node Provider (like Alchemy, Infura, etc). + +**Example with an `http` transport** + +``` + +import { getDefaultConfig } from '@rainbow-me/rainbowkit'; + +import { http } from 'wagmi'; + +import { mainnet, sepolia } from 'wagmi/chains'; + +const config = getDefaultConfig({ + + appName: 'My RainbowKit App', + + projectId: 'YOUR_PROJECT_ID', + + chains: [mainnet, sepolia], + + transports: { + + [mainnet.id]: http('https://eth-mainnet.g.alchemy.com/v2/...'), + + [sepolia.id]: http('https://eth-sepolia.g.alchemy.com/v2/...'), + + }, + +}); + +``` + +Copy + +For more details, view the [wagmi transport docs](https://wagmi.sh/core/api/transports#transports). + +[**Add your own functionality**](#add-your-own-functionality) + +Now that your users can connect their wallets, you can start building out the rest of your app using [wagmi.](https://wagmi.sh) + +Send transactions, interact with contracts, resolve ENS details and much more with wagmi’s comprehensive suite of React Hooks. + +For more detail, view the [wagmi documentation.](https://wagmi.sh) + +[**Further examples**](#further-examples) + +To see some running examples of RainbowKit, or even use them to automatically scaffold a new project, check out the [official examples](https://github.com/rainbow-me/rainbowkit/tree/main/examples). + +To try RainbowKit directly in your browser, check out the CodeSandbox links below: + +- with [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) + +- with [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) + +- with [Next.js App Router](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) + +- with [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) + +- with [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) + + +[PreviousMigration Guide](/docs/migration-guide) + +[ConnectButtonNext](/docs/connect-button)![Rainbow logo](/rainbow.svg) + +RainbowKit + +### Genel Bakış + +[Giriş](/tr/docs/introduction) [Geçiş Rehberi](/tr/docs/migration-guide) + +### Başlarken + +[Kurulum](/tr/docs/installation) [ConnectButton](/tr/docs/connect-button) [Modal Boyutları](/tr/docs/modal-sizes) [Tema Oluşturma](/tr/docs/theming) [Zincirler](/tr/docs/chains) [Yerelleştirme](/tr/docs/localization) [Kimlik Doğrulama](/tr/docs/authentication) [Son İşlemler](/tr/docs/recent-transactions) + +### Gelişmiş + +[Modal Kancaları](/tr/docs/modal-hooks) [Özel ConnectButton](/tr/docs/custom-connect-button) [Özel Tema](/tr/docs/custom-theme) [Özel Cüzdan Listesi](/tr/docs/custom-wallet-list) [Özel Cüzdanlar](/tr/docs/custom-wallets) [Özel Zincirler](/tr/docs/custom-chains) [Özel Uygulama Bilgisi](/tr/docs/custom-app-info) [Özel Avatarlar](/tr/docs/custom-avatars) [Özel Kimlik Doğrulama](/tr/docs/custom-authentication) [WalletButton](/tr/docs/wallet-button) [Havalı Mod](/tr/docs/cool-mode) + +Yerelleştirme + +# Yerelleştirme + +## Dahili çevirilerle dApp'inizin dilini özelleştirme + +Varsayılan olarak, RainbowKit, İngilizce dil kullanıcıları için `en-US` yerelini destekler. + +Mevcutsa, RainbowKit kullanıcının [tercih edilen dilini](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language) algılar ve uygun çevirileri seçer. Geliştiriciler her zaman varsayılan dili geçersiz kılabilir. + +Kullanıcılarınız için bir dil belirtmek için, sadece `RainbowKitProvider`'ınızda bir prop olarak `locale="zh-CN"` ekleyin + +``` + +import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; + +export const App = () => ( + + + + {/* Your App */} + + + +); + +``` + +Copy + +[**Next.js ile Kullanım**](#nextjs-ile-kullanım) + +RainbowKit'in yerelleştirme desteği, [Alt-yol Yönlendirmesi](https://nextjs.org/docs/pages/building-your-application/routing/internationalization#sub-path-routing) ile daha iyi çalışır. + +Aşağıdaki örnekte olduğu gibi Next.js projenizi yapılandırın ve rotalarınıza isteğe bağlı bir `/locale/` alt yolu ekleyin, bu, arama motorlarının ve kullanıcıların çok dilli desteğinizi daha iyi keşfetmelerine yardımcı olacaktır. + +``` + +// next.config.js + +{ + + i18n: { + + locales: ['default', 'en', 'zh-CN'], + + defaultLocale: 'default', + + }, + +} + +``` + +Copy + +Sonra, Sayfalar Yönlendiricisi tarafından sağlanan `locale`'yi `RainbowKitProvider`'a geçirin + +``` + +import { RainbowKitProvider, Locale } from '@rainbow-me/rainbowkit'; + +export const App = () => { + + const { locale } = useRouter() as { locale: Locale }; + + return ( + + + + {/* Your App */} + + + + ) + +}; + +``` + +Copy + +Sayfalar Yönlendiricisi için bir örneği buradan [here](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next) referans alabilirsiniz. + +Uygulama Yönlendiricisi henüz i18n'yi desteklemiyor. En iyi uygulama tekniklerini [`next-intl`](https://github.com/amannn/next-intl) ara yazılımı ile implemente etmek için ayrı örneğimize [here](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next-app-i18n) bakınız. + +DApp'inizin içeriğini tam lokalizasyon desteği için çevirmek için aynı teknikleri kullanmanız önerilir. [`i18n-js`](https://github.com/fnando/i18n) ve [`next-intl`](https://github.com/amannn/next-intl) gibi lokalizasyon kütüphaneleri ve Crowdin gibi yönetim araçları bu süreci basitleştirecektir. + +[**Desteklenen Diller**](#desteklenen-diller) + +Aşağıdaki `locale` bölgeleri için tam destek sağlarız: + +| Dil | Bölge | Yerel Ayar | Kısa Biçim | +| --- | --- | --- | --- | +| English | United States 🇺🇸 | `en-US` | `en` | +| 中文 | Mainland China 🇨🇳 | `zh-CN` | `zh-Hans` | zh | +| 繁體中文 | Hong Kong 🇭🇰 | `zh-HK` | +| 繁體中文 | Taiwan 🇹🇼 | `zh-TW` | `zh-Hant` | +| हिंदी | India 🇮🇳 | `hi-IN` | `hi` | +| Español | Latin America 🌎 | `es-419` | `es` | +| Français | France 🇫🇷 | `fr-FR` | `fr` | +| العربية | Middle East 🌍 | `ar-AR` | `ar` | +| Português | Brazil 🇧🇷 | `pt-BR` | `pt` | +| Русский | Russia 🇷🇺 | `ru-RU` | `ru` | +| Bahasa Indonesia | Indonesia 🇮🇩 | `id-ID` | `id` | +| 日本語 | Japan 🇯🇵 | `ja-JP` | `ja` | +| Türkçe | Turkey 🇹🇷 | `tr-TR` | `tr` | +| 한국어 | South Korea 🇰🇷 | `ko-KR` | `ko` | +| ภาษาไทย | Thailand 🇹🇭 | `th-TH` | `th` | +| українська | Ukraine 🇺🇦 | `uk-UA` | `ua` | +| Tiếng Việt | Vietnam 🇻🇳 | `vi-VN` | `vi` | +| Deutsch | Germany 🇩🇪 | `de-DE` | `de` | + +Eğer ek bir dil desteği görmek isterseniz, lütfen bir [GitHub Tartışması](https://github.com/rainbow-me/rainbowkit/discussions/new?category=ideas) açın ve biz bunu en kısa sürede desteklemek için çalışacağız. + +[PreviousZincirler](/tr/docs/chains) + +[Kimlik DoğrulamaNext](/tr/docs/authentication)![Rainbow logo](/rainbow.svg) + +RainbowKit + +# RainbowKit + +## La meilleure façon de connecter un portefeuille + +Conçu pour tous. Construit pour les développeurs. + +`npm init @rainbow-me/rainbowkit@latest` Copy + +[Consultez les documents](/fr/docs) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%272352%27%20height=%271704%27/%3e)![](/_next/image?url=%2Fhero-modal.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%271068%27%20height=%271344%27/%3e)![](/_next/image?url=%2Fhero-compact.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27780%27%20height=%271560%27/%3e)![](/_next/image?url=%2Fhero-iphone.png&w=1920&q=75) + +Les équipes Web3 les plus géniales utilisent RainbowKit pour améliorer leurs produits, ravir leurs utilisateurs et gagner du temps lors du développement. + +[![Coinbase](/_next/image?url=%2Ffrens%2Fcoinbase.png&w=3840&q=75)\\ +\\ +Coinbase](https://bridge.base.org/) [![Optimism](/_next/image?url=%2Ffrens%2Foptimism.png&w=3840&q=75)\\ +\\ +Optimism](https://app.optimism.io/bridge) [![Arbitrum](/_next/image?url=%2Ffrens%2Farbitrum.png&w=3840&q=75)\\ +\\ +Arbitrum](https://arbitrum.foundation/) [![Warpcast]()\\ +\\ +Warpcast](https://warpcast.com/) [![OpenSea Pro]()\\ +\\ +OpenSea Pro](https://pro.opensea.io/) [![ENS]()\\ +\\ +ENS](https://app.ens.domains/) [![Prop House]()\\ +\\ +Prop House](https://prop.house/) [![Matcha]()\\ +\\ +Matcha](https://www.matcha.xyz/) [![Kwenta]()\\ +\\ +Kwenta](https://kwenta.eth.limo/) [![Aura]()\\ +\\ +Aura](https://app.aura.finance/) [![Lyra]()\\ +\\ +Lyra](https://app.lyra.finance/) [![LooksRare]()\\ +\\ +LooksRare](https://looksrare.org/) [![DefiLlama]()\\ +\\ +DefiLlama](https://swap.defillama.com/) [![NFTX Yield]()\\ +\\ +NFTX Yield](https://yield.nftx.io/) [![PoolTogether]()\\ +\\ +PoolTogether](https://app.pooltogether.com/) [![Art Blocks]()\\ +\\ +Art Blocks](https://www.artblocks.io/) [![Cool Cats]()\\ +\\ +Cool Cats](https://coolcatsnft.com/) [![Party]()\\ +\\ +Party](https://www.party.app/) [![SuperRare]()\\ +\\ +SuperRare](https://superrare.com/) [![Trader Joe]()\\ +\\ +Trader Joe](https://traderjoexyz.com/) [![Doodles]()\\ +\\ +Doodles](https://doodles.app/) [![Frax]()\\ +\\ +Frax](https://app.frax.finance/) [![Speedtracer]()\\ +\\ +Speedtracer](https://www.speedtracer.xyz/) [![Gitcoin]()\\ +\\ +Gitcoin](https://www.gitcoin.co/) + +## Essayez RainbowKit + +Donnez à votre expérience de connexion Ethereum une ambiance familiale sur votre site web. RainbowKit vous permet de personnaliser entièrement la couleur, le rayon de la bordure, les fournisseurs de portefeuille et bien plus encore, le tout grâce à une API facile à utiliser. Testez-le ci-dessous ! + +# Connecter un portefeuille + +Populaire + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +Plus + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +Qu'est-ce qu'un portefeuille? + +![](data:image/svg+xml,) + +Un foyer pour vos actifs numériques + +Les portefeuilles sont utilisés pour envoyer, recevoir, stocker et afficher des actifs numériques comme Ethereum et les NFTs. + +![](data:image/svg+xml,) + +Une nouvelle façon de se connecter + +Au lieu de créer de nouveaux comptes et mots de passe sur chaque site Web, connectez simplement votre portefeuille. + +Obtenir un portefeuille +[En savoir plus](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +# Connecter un portefeuille + +Populaire + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +Plus + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +Qu'est-ce qu'un portefeuille? + +![](data:image/svg+xml,) + +Un foyer pour vos actifs numériques + +Les portefeuilles sont utilisés pour envoyer, recevoir, stocker et afficher des actifs numériques comme Ethereum et les NFTs. + +![](data:image/svg+xml,) + +Une nouvelle façon de se connecter + +Au lieu de créer de nouveaux comptes et mots de passe sur chaque site Web, connectez simplement votre portefeuille. + +Obtenir un portefeuille +[En savoir plus](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +Modale + +Wide View + +Compact View + +Mode + +Accent + +Rayon + +## Rainbow 🤝 Développeurs + +RainbowKit offre un moyen rapide, facile et hautement personnalisable aux développeurs d'ajouter une excellente expérience de portefeuille à leur application. Nous nous chargeons des aspects techniques afin que les développeurs et les équipes puissent se concentrer sur la création de produits et de communautés extraordinaires pour leurs utilisateurs. + +- Tick +Installation facile + +- Tick +Thèmes personnalisés + +- Tick +Thèmes intégrés + +- Tick +Liste de portefeuilles personnalisée + +- Tick +Mode clair et sombre + +- Tick +Chaines personnalisées + +- Tick +Intégration App Store et Google Play + +- Tick +Bouton de connexion personnalisé + + +[Consultez les documents](/fr/docs) + +## Créé avec ❤️ par vos amis chez![]()![]() + +Le développement de RainbowKit a été un effort incroyablement amusant impliquant de nombreuses personnes chez Rainbow et nos amis d'autres entreprises. Nous cherchons toujours à améliorer RainbowKit, alors n'hésitez pas à nous faire part de vos suggestions. + +[Suivez-nous sur Twitter](https://twitter.com/rainbowdotme) [Partagez vos commentaires avec nous](https://github.com/rainbow-me/rainbowkit/discussions/new?category=feedback) + +[👾 github](https://github.com/rainbow-me/rainbowkit) + +[⬇️kit média](https://www.figma.com/community/file/1139300796265858893/rainbow-brand-assets) + +[📜conditions d'utilisation](https://rainbow.me/terms-of-use) + +[🔒politique de confidentialité](https://rainbow.me/privacy) + +© Rainbow![Rainbow logo](/rainbow.svg) + +RainbowKit + +### Overview + +[Introduction](/docs/introduction) [Migration Guide](/docs/migration-guide) + +### Getting Started + +[Installation](/docs/installation) [ConnectButton](/docs/connect-button) [Modal Sizes](/docs/modal-sizes) [Theming](/docs/theming) [Chains](/docs/chains) [Localization](/docs/localization) [Authentication](/docs/authentication) [Recent Transactions](/docs/recent-transactions) + +### Advanced + +[Modal Hooks](/docs/modal-hooks) [Custom ConnectButton](/docs/custom-connect-button) [Custom Theme](/docs/custom-theme) [Custom Wallet List](/docs/custom-wallet-list) [Custom Wallets](/docs/custom-wallets) [Custom Chains](/docs/custom-chains) [Custom App Info](/docs/custom-app-info) [Custom Avatars](/docs/custom-avatars) [Custom Authentication](/docs/custom-authentication) [WalletButton](/docs/wallet-button) [Cool Mode](/docs/cool-mode) + +Localization + +# Localization + +## Customizing your dApp's language with built-in translations + +By default, RainbowKit supports the `en-US` locale for English language users. + +If available, RainbowKit will detect the user's [preferred language](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language) and choose the appropriate translations. Developers can always override the default language. + +To specify a language for your users, just add `locale="zh-CN"` as a prop in your `RainbowKitProvider` + +``` + +import { RainbowKitProvider } from '@rainbow-me/rainbowkit'; + +export const App = () => ( + + + + {/* Your App */} + + + +); + +``` + +Copy + +[**Using with Next.js**](#using-with-nextjs) + +RainbowKit's localization support works even better with [Sub-path Routing](https://nextjs.org/docs/pages/building-your-application/routing/internationalization#sub-path-routing). + +Configure your Next.js project like the example below to add an optional `/locale/` sub-path to your routes, which will help search engines and users better discover your multi-lingual support. + +``` + +// next.config.js + +{ + + i18n: { + + locales: ['default', 'en', 'zh-CN'], + + defaultLocale: 'default', + + }, + +} + +``` + +Copy + +Then pass the `locale` provided by the Pages Router to the `RainbowKitProvider` + +``` + +import { RainbowKitProvider, Locale } from '@rainbow-me/rainbowkit'; + +export const App = () => { + + const { locale } = useRouter() as { locale: Locale }; + + return ( + + + + {/* Your App */} + + + + ) + +}; + +``` + +Copy + +You can reference an example for the Pages Router [here](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next). + +App Router does not yet support i18n. Reference our separate example [here](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next-app-i18n) for implementation best practices with [`next-intl`](https://github.com/amannn/next-intl) middleware. + +It is recommended that you use the same techniques to translate your dApp's content for full localization support. Localization libraries like [`i18n-js`](https://github.com/fnando/i18n) and [`next-intl`](https://github.com/amannn/next-intl) and management tools like Crowdin will simplify this process. + +[**Supported Languages**](#supported-languages) + +We provide full support for the following `locale` regions: + +| Language | Region | Locale | Shortform | +| --- | --- | --- | --- | +| English | United States 🇺🇸 | `en-US` | `en` | +| 中文 | Mainland China 🇨🇳 | `zh-CN` | `zh-Hans` | zh | +| 繁體中文 | Hong Kong 🇭🇰 | `zh-HK` | +| 繁體中文 | Taiwan 🇹🇼 | `zh-TW` | `zh-Hant` | +| हिंदी | India 🇮🇳 | `hi-IN` | `hi` | +| Español | Latin America 🌎 | `es-419` | `es` | +| Français | France 🇫🇷 | `fr-FR` | `fr` | +| العربية | Middle East 🌍 | `ar-AR` | `ar` | +| Português | Brazil 🇧🇷 | `pt-BR` | `pt` | +| Русский | Russia 🇷🇺 | `ru-RU` | `ru` | +| Bahasa Indonesia | Indonesia 🇮🇩 | `id-ID` | `id` | +| 日本語 | Japan 🇯🇵 | `ja-JP` | `ja` | +| Türkçe | Turkey 🇹🇷 | `tr-TR` | `tr` | +| 한국어 | South Korea 🇰🇷 | `ko-KR` | `ko` | +| ภาษาไทย | Thailand 🇹🇭 | `th-TH` | `th` | +| українська | Ukraine 🇺🇦 | `uk-UA` | `ua` | +| Tiếng Việt | Vietnam 🇻🇳 | `vi-VN` | `vi` | +| Deutsch | Germany 🇩🇪 | `de-DE` | `de` | +| Bahasa Melayu | Malaysia 🇲🇾 | `ms-MY` | `ms` | + +If you would like to see support for an additional language, please open a [GitHub Discussion](https://github.com/rainbow-me/rainbowkit/discussions/new?category=ideas) and we'll work to support it as soon as possible. + +[PreviousChains](/docs/chains) + +[AuthenticationNext](/docs/authentication)![Rainbow logo](/rainbow.svg) + +RainbowKit + +# RainbowKit + +## 钱包登录的最佳方式 + +为所有用户设计。为开发者开发。 + +`npm init @rainbow-me/rainbowkit@latest` Copy + +[查看文档](/zh-CN/docs) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%272352%27%20height=%271704%27/%3e)![](/_next/image?url=%2Fhero-modal.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%271068%27%20height=%271344%27/%3e)![](/_next/image?url=%2Fhero-compact.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27780%27%20height=%271560%27/%3e)![](/_next/image?url=%2Fhero-iphone.png&w=1920&q=75) + +那些最酷的 Web3 团队正在使用 RainbowKit 来增强产品体验,让用户开心同时也节约产品上线所需要的开发时间。 + +[![Coinbase](/_next/image?url=%2Ffrens%2Fcoinbase.png&w=3840&q=75)\\ +\\ +Coinbase](https://bridge.base.org/) [![Optimism](/_next/image?url=%2Ffrens%2Foptimism.png&w=3840&q=75)\\ +\\ +Optimism](https://app.optimism.io/bridge) [![Arbitrum](/_next/image?url=%2Ffrens%2Farbitrum.png&w=3840&q=75)\\ +\\ +Arbitrum](https://arbitrum.foundation/) [![Warpcast]()\\ +\\ +Warpcast](https://warpcast.com/) [![OpenSea Pro]()\\ +\\ +OpenSea Pro](https://pro.opensea.io/) [![ENS]()\\ +\\ +ENS](https://app.ens.domains/) [![Prop House]()\\ +\\ +Prop House](https://prop.house/) [![Matcha]()\\ +\\ +Matcha](https://www.matcha.xyz/) [![Kwenta]()\\ +\\ +Kwenta](https://kwenta.eth.limo/) [![Aura]()\\ +\\ +Aura](https://app.aura.finance/) [![Lyra]()\\ +\\ +Lyra](https://app.lyra.finance/) [![LooksRare]()\\ +\\ +LooksRare](https://looksrare.org/) [![DefiLlama]()\\ +\\ +DefiLlama](https://swap.defillama.com/) [![NFTX Yield]()\\ +\\ +NFTX Yield](https://yield.nftx.io/) [![PoolTogether]()\\ +\\ +PoolTogether](https://app.pooltogether.com/) [![Art Blocks]()\\ +\\ +Art Blocks](https://www.artblocks.io/) [![Cool Cats]()\\ +\\ +Cool Cats](https://coolcatsnft.com/) [![Party]()\\ +\\ +Party](https://www.party.app/) [![SuperRare]()\\ +\\ +SuperRare](https://superrare.com/) [![Trader Joe]()\\ +\\ +Trader Joe](https://traderjoexyz.com/) [![Doodles]()\\ +\\ +Doodles](https://doodles.app/) [![Frax]()\\ +\\ +Frax](https://app.frax.finance/) [![Speedtracer]()\\ +\\ +Speedtracer](https://www.speedtracer.xyz/) [![Gitcoin]()\\ +\\ +Gitcoin](https://www.gitcoin.co/) + +## 试用一下 RainbowKit + +让以太(Ethereum)登录的体验在您的网站上相得益彰。通过一个易于使用的 API 实现对颜色、边框半径、各种钱包 App 的支持、及更多功能的定制。在下面的这个 Demo 里来试用一下吧! + +# 连接钱包 + +流行 + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +更多 + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +什么是钱包? + +![](data:image/svg+xml,) + +您的数字资产之家 + +钱包用于发送、接收、存储和显示像以太坊和NFT这样的数字资产。 + +![](data:image/svg+xml,) + +一种新的登录方式 + +而不是在每个网站上创建新的账户和密码,只需连接您的钱包。 + +获取钱包 +[了解更多](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +# 连接钱包 + +流行 + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +更多 + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +什么是钱包? + +![](data:image/svg+xml,) + +您的数字资产之家 + +钱包用于发送、接收、存储和显示像以太坊和NFT这样的数字资产。 + +![](data:image/svg+xml,) + +一种新的登录方式 + +而不是在每个网站上创建新的账户和密码,只需连接您的钱包。 + +获取钱包 +[了解更多](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +模态框 + +Wide View + +Compact View + +模式 + +主色调 + +半径 + +## Rainbow 🤝 开发者 + +RainbowKit 为开发者提供了一种快速、简单并且可以高度定制化的方式来支持钱包登录。我们来搞定那些复杂的前端技术细节,让开发者们可以专注于为用户构建产品和社区。 + +- Tick +简单安装 + +- Tick +自定义主题 + +- Tick +内置主题 + +- Tick +自定义钱包列表 + +- Tick +浅色和深色模式 + +- Tick +自定义链 + +- Tick +App Store 和 Google Play 集成 + +- Tick +自定义连接按钮 + + +[查看文档](/zh-CN/docs) + +## 用 ❤️ 打造 by frens at![]()![]() + +打造 RainbowKit 的过程是 Rainbow 公司和其他公司的朋友们一次非常有趣的经历。我们一直在寻求让产品变得更好,非常欢迎来自你的反馈。 + +[在 Twitter 上关注我们](https://twitter.com/rainbowdotme) [与我们分享反馈](https://github.com/rainbow-me/rainbowkit/discussions/new?category=feedback) + +[👾 github](https://github.com/rainbow-me/rainbowkit) + +[⬇️媒体包](https://www.figma.com/community/file/1139300796265858893/rainbow-brand-assets) + +[📜使用条款](https://rainbow.me/terms-of-use) + +[🔒隐私政策](https://rainbow.me/privacy) + +© Rainbow![Rainbow logo](/rainbow.svg) + +RainbowKit + +# RainbowKit + +## Cara terbaik untuk menghubungkan dompet + +Dirancang untuk semua orang. Dibangun untuk pengembang. + +`npm init @rainbow-me/rainbowkit@latest` Copy + +[Lihat Dokumentasi](/id/docs) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%272352%27%20height=%271704%27/%3e)![](/_next/image?url=%2Fhero-modal.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%271068%27%20height=%271344%27/%3e)![](/_next/image?url=%2Fhero-compact.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27780%27%20height=%271560%27/%3e)![](/_next/image?url=%2Fhero-iphone.png&w=1920&q=75) + +Tim Web3 terbaik menggunakan RainbowKit untuk meningkatkan produk mereka, menyenangkan pengguna mereka, dan menghemat waktu saat membangun. + +[![Coinbase](/_next/image?url=%2Ffrens%2Fcoinbase.png&w=3840&q=75)\\ +\\ +Coinbase](https://bridge.base.org/) [![Optimism](/_next/image?url=%2Ffrens%2Foptimism.png&w=3840&q=75)\\ +\\ +Optimism](https://app.optimism.io/bridge) [![Arbitrum](/_next/image?url=%2Ffrens%2Farbitrum.png&w=3840&q=75)\\ +\\ +Arbitrum](https://arbitrum.foundation/) [![Warpcast]()\\ +\\ +Warpcast](https://warpcast.com/) [![OpenSea Pro]()\\ +\\ +OpenSea Pro](https://pro.opensea.io/) [![ENS]()\\ +\\ +ENS](https://app.ens.domains/) [![Prop House]()\\ +\\ +Prop House](https://prop.house/) [![Matcha]()\\ +\\ +Matcha](https://www.matcha.xyz/) [![Kwenta]()\\ +\\ +Kwenta](https://kwenta.eth.limo/) [![Aura]()\\ +\\ +Aura](https://app.aura.finance/) [![Lyra]()\\ +\\ +Lyra](https://app.lyra.finance/) [![LooksRare]()\\ +\\ +LooksRare](https://looksrare.org/) [![DefiLlama]()\\ +\\ +DefiLlama](https://swap.defillama.com/) [![NFTX Yield]()\\ +\\ +NFTX Yield](https://yield.nftx.io/) [![PoolTogether]()\\ +\\ +PoolTogether](https://app.pooltogether.com/) [![Art Blocks]()\\ +\\ +Art Blocks](https://www.artblocks.io/) [![Cool Cats]()\\ +\\ +Cool Cats](https://coolcatsnft.com/) [![Party]()\\ +\\ +Party](https://www.party.app/) [![SuperRare]()\\ +\\ +SuperRare](https://superrare.com/) [![Trader Joe]()\\ +\\ +Trader Joe](https://traderjoexyz.com/) [![Doodles]()\\ +\\ +Doodles](https://doodles.app/) [![Frax]()\\ +\\ +Frax](https://app.frax.finance/) [![Speedtracer]()\\ +\\ +Speedtracer](https://www.speedtracer.xyz/) [![Gitcoin]()\\ +\\ +Gitcoin](https://www.gitcoin.co/) + +## Coba RainbowKit + +Buat pengalaman login Ethereum Anda terasa seperti di rumah di situs web Anda. RainbowKit memungkinkan Anda untuk sepenuhnya menyesuaikan warna, jari-jari batas, penyedia dompet, dan banyak lagi — semuanya melalui API yang mudah digunakan. Coba rasakan di bawah ini! + +# Hubungkan Dompet + +Populer + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +Lebih Banyak + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +Apa itu Dompet? + +![](data:image/svg+xml,) + +Sebuah Rumah untuk Aset Digital Anda + +Dompet digunakan untuk mengirim, menerima, menyimpan, dan menampilkan aset digital seperti Ethereum dan NFTs. + +![](data:image/svg+xml,) + +Cara Baru untuk Masuk + +Alih-alih membuat akun dan kata sandi baru di setiap situs web, cukup hubungkan dompet Anda. + +Dapatkan Dompet +[Pelajari lebih lanjut](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +# Hubungkan Dompet + +Populer + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +Lebih Banyak + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +Apa itu Dompet? + +![](data:image/svg+xml,) + +Sebuah Rumah untuk Aset Digital Anda + +Dompet digunakan untuk mengirim, menerima, menyimpan, dan menampilkan aset digital seperti Ethereum dan NFTs. + +![](data:image/svg+xml,) + +Cara Baru untuk Masuk + +Alih-alih membuat akun dan kata sandi baru di setiap situs web, cukup hubungkan dompet Anda. + +Dapatkan Dompet +[Pelajari lebih lanjut](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +Modal + +Wide View + +Compact View + +Mode + +Aksen + +Jari-Jari + +## Rainbow 🤝 Pengembang + +RainbowKit menyediakan cara yang cepat, mudah, dan sangat dapat disesuaikan bagi pengembang untuk menambahkan pengalaman dompet yang hebat ke aplikasi mereka. Kami menangani hal-hal sulit sehingga pengembang dan tim dapat fokus membangun produk dan komunitas yang luar biasa untuk pengguna mereka. + +- Tick +Instalasi Mudah + +- Tick +Tema Kustom + +- Tick +Tema Bawaan + +- Tick +Daftar Dompet Kustom + +- Tick +Mode Terang dan Gelap + +- Tick +Rantai Kustom + +- Tick +Integrasi App Store dan Google Play + +- Tick +Tombol Koneksi Kustom + + +[Lihat Dokumentasi](/id/docs) + +## Dibuat dengan ❤️ oleh teman-teman Anda di![]()![]() + +Membangun RainbowKit telah menjadi upaya yang sangat menyenangkan di antara banyak orang di Rainbow dan teman-teman kami di perusahaan lain. Kami selalu berusaha membuat RainbowKit lebih baik, jadi harap beri tahu kami bagaimana kami bisa meningkatkan. + +[Ikuti kami di Twitter](https://twitter.com/rainbowdotme) [Berikan masukan kepada kami](https://github.com/rainbow-me/rainbowkit/discussions/new?category=feedback) + +[👾 github](https://github.com/rainbow-me/rainbowkit) + +[⬇️kit media](https://www.figma.com/community/file/1139300796265858893/rainbow-brand-assets) + +[📜syarat Penggunaan](https://rainbow.me/terms-of-use) + +[🔒kebijakan privasi](https://rainbow.me/privacy) + +© Rainbow![Rainbow logo](/rainbow.svg) + +RainbowKit + +# RainbowKit + +## The best way to connect a wallet + +Designed for everyone. Built for developers. + +`npm init @rainbow-me/rainbowkit@latest` Copy + +[View the Docs](/docs) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%272352%27%20height=%271704%27/%3e)![](/_next/image?url=%2Fhero-modal.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%271068%27%20height=%271344%27/%3e)![](/_next/image?url=%2Fhero-compact.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27780%27%20height=%271560%27/%3e)![](/_next/image?url=%2Fhero-iphone.png&w=1920&q=75) + +The siqqest Web3 teams are using RainbowKit to improve their products, delight their users and save time when building. + +[![Coinbase](/_next/image?url=%2Ffrens%2Fcoinbase.png&w=3840&q=75)\\ +\\ +Coinbase](https://bridge.base.org/) [![Optimism](/_next/image?url=%2Ffrens%2Foptimism.png&w=3840&q=75)\\ +\\ +Optimism](https://app.optimism.io/bridge) [![Arbitrum](/_next/image?url=%2Ffrens%2Farbitrum.png&w=3840&q=75)\\ +\\ +Arbitrum](https://arbitrum.foundation/) [![Warpcast]()\\ +\\ +Warpcast](https://warpcast.com/) [![OpenSea Pro]()\\ +\\ +OpenSea Pro](https://pro.opensea.io/) [![ENS]()\\ +\\ +ENS](https://app.ens.domains/) [![Prop House]()\\ +\\ +Prop House](https://prop.house/) [![Matcha]()\\ +\\ +Matcha](https://www.matcha.xyz/) [![Kwenta]()\\ +\\ +Kwenta](https://kwenta.eth.limo/) [![Aura]()\\ +\\ +Aura](https://app.aura.finance/) [![Lyra]()\\ +\\ +Lyra](https://app.lyra.finance/) [![LooksRare]()\\ +\\ +LooksRare](https://looksrare.org/) [![DefiLlama]()\\ +\\ +DefiLlama](https://swap.defillama.com/) [![NFTX Yield]()\\ +\\ +NFTX Yield](https://yield.nftx.io/) [![PoolTogether]()\\ +\\ +PoolTogether](https://app.pooltogether.com/) [![Art Blocks]()\\ +\\ +Art Blocks](https://www.artblocks.io/) [![Cool Cats]()\\ +\\ +Cool Cats](https://coolcatsnft.com/) [![Party]()\\ +\\ +Party](https://www.party.app/) [![SuperRare]()\\ +\\ +SuperRare](https://superrare.com/) [![Trader Joe]()\\ +\\ +Trader Joe](https://traderjoexyz.com/) [![Doodles]()\\ +\\ +Doodles](https://doodles.app/) [![Frax]()\\ +\\ +Frax](https://app.frax.finance/) [![Speedtracer]()\\ +\\ +Speedtracer](https://www.speedtracer.xyz/) [![Gitcoin]()\\ +\\ +Gitcoin](https://www.gitcoin.co/) + +## Give RainbowKit a spin + +Make your Ethereum login experience feel right at home on your website. RainbowKit allows you to fully customize color, border radius, wallet providers and a lot more — all through an easy-to-use API. Get a feel for it below! + +# Connect a Wallet + +Popular + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +More + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +What is a Wallet? + +![](data:image/svg+xml,) + +A Home for your Digital Assets + +Wallets are used to send, receive, store, and display digital assets like Ethereum and NFTs. + +![](data:image/svg+xml,) + +A New Way to Log In + +Instead of creating new accounts and passwords on every website, just connect your wallet. + +Get a Wallet +[Learn More](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +# Connect a Wallet + +Popular + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +More + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +What is a Wallet? + +![](data:image/svg+xml,) + +A Home for your Digital Assets + +Wallets are used to send, receive, store, and display digital assets like Ethereum and NFTs. + +![](data:image/svg+xml,) + +A New Way to Log In + +Instead of creating new accounts and passwords on every website, just connect your wallet. + +Get a Wallet +[Learn More](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +Modal + +Wide View + +Compact View + +Mode + +Accent + +Radius + +## Rainbow 🤝 Developers + +RainbowKit provides a fast, easy and highly customizable way for developers to add a great wallet experience to their application. We handle the hard stuff so developers and teams can focus on building amazing products and communities for their users. + +- Tick +Easy Installation + +- Tick +Custom Themes + +- Tick +Built-in Themes + +- Tick +Custom Wallets List + +- Tick +Light and Dark Mode + +- Tick +Custom Chains + +- Tick +App Store and Google Play Integration + +- Tick +Custom Connect Button + + +[View the Docs](/docs) + +## Made with ❤️ by your frens at![]()![]() + +Building RainbowKit has been an incredibly fun effort across many people at Rainbow and our frens at other companies. We're always looking to make RainbowKit better, so please let us know how we can improve. + +[Follow us on Twitter](https://twitter.com/rainbowdotme) [Share feedback with us](https://github.com/rainbow-me/rainbowkit/discussions/new?category=feedback) + +[👾 github](https://github.com/rainbow-me/rainbowkit) + +[⬇️media kit](https://www.figma.com/community/file/1139300796265858893/rainbow-brand-assets) + +[📜terms of use](https://rainbow.me/terms-of-use) + +[🔒privacy policy](https://rainbow.me/privacy) + +© Rainbow![Rainbow logo](/rainbow.svg) + +RainbowKit + +# RainbowKit + +## Cüzdan bağlamak için en iyi yöntem + +Herkes için tasarlandı. Geliştiriciler için inşa edildi. + +`npm init @rainbow-me/rainbowkit@latest` Copy + +[Dökümantasyonu Görüntüle](/tr/docs) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%272352%27%20height=%271704%27/%3e)![](/_next/image?url=%2Fhero-modal.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%271068%27%20height=%271344%27/%3e)![](/_next/image?url=%2Fhero-compact.png&w=3840&q=75) + +![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27780%27%20height=%271560%27/%3e)![](/_next/image?url=%2Fhero-iphone.png&w=1920&q=75) + +En iyi Web3 ekipleri RainbowKit'i kullanarak ürünlerini geliştiriyor, kullanıcılarını memnun ediyor ve zaman kazanıyor. + +[![Coinbase](/_next/image?url=%2Ffrens%2Fcoinbase.png&w=3840&q=75)\\ +\\ +Coinbase](https://bridge.base.org/) [![Optimism](/_next/image?url=%2Ffrens%2Foptimism.png&w=3840&q=75)\\ +\\ +Optimism](https://app.optimism.io/bridge) [![Arbitrum](/_next/image?url=%2Ffrens%2Farbitrum.png&w=3840&q=75)\\ +\\ +Arbitrum](https://arbitrum.foundation/) [![Warpcast]()\\ +\\ +Warpcast](https://warpcast.com/) [![OpenSea Pro]()\\ +\\ +OpenSea Pro](https://pro.opensea.io/) [![ENS]()\\ +\\ +ENS](https://app.ens.domains/) [![Prop House]()\\ +\\ +Prop House](https://prop.house/) [![Matcha]()\\ +\\ +Matcha](https://www.matcha.xyz/) [![Kwenta]()\\ +\\ +Kwenta](https://kwenta.eth.limo/) [![Aura]()\\ +\\ +Aura](https://app.aura.finance/) [![Lyra]()\\ +\\ +Lyra](https://app.lyra.finance/) [![LooksRare]()\\ +\\ +LooksRare](https://looksrare.org/) [![DefiLlama]()\\ +\\ +DefiLlama](https://swap.defillama.com/) [![NFTX Yield]()\\ +\\ +NFTX Yield](https://yield.nftx.io/) [![PoolTogether]()\\ +\\ +PoolTogether](https://app.pooltogether.com/) [![Art Blocks]()\\ +\\ +Art Blocks](https://www.artblocks.io/) [![Cool Cats]()\\ +\\ +Cool Cats](https://coolcatsnft.com/) [![Party]()\\ +\\ +Party](https://www.party.app/) [![SuperRare]()\\ +\\ +SuperRare](https://superrare.com/) [![Trader Joe]()\\ +\\ +Trader Joe](https://traderjoexyz.com/) [![Doodles]()\\ +\\ +Doodles](https://doodles.app/) [![Frax]()\\ +\\ +Frax](https://app.frax.finance/) [![Speedtracer]()\\ +\\ +Speedtracer](https://www.speedtracer.xyz/) [![Gitcoin]()\\ +\\ +Gitcoin](https://www.gitcoin.co/) + +## RainbowKit'i deneyin + +Ethereum oturum açma deneyiminizi web sitenizde tamamen özelleştirebilirsiniz. RainbowKit, renk, kenar yarıçapı, cüzdan sağlayıcıları ve daha fazlasını tamamen kullanıcı dostu bir API aracılığıyla özelleştirmenize olanak tanır. Aşağıda bir his alın! + +# Bir Cüzdanı Bağla + +Popüler + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +Daha Fazla + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +Cüzdan nedir? + +![](data:image/svg+xml,) + +Dijital Varlıklarınız İçin Bir Ev + +Cüzdanlar, Ethereum ve NFT'ler gibi dijital varlıkları göndermek, almak, depolamak ve görüntülemek için kullanılır. + +![](data:image/svg+xml,) + +Yeni Bir Giriş Yolu + +Her web sitesinde yeni hesap ve parolalar oluşturmak yerine, sadece cüzdanınızı bağlayın. + +Bir Cüzdan Edinin +[Daha fazla bilgi edinin](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +# Bir Cüzdanı Bağla + +Popüler + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +Rainbow + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Coinbase Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A) + +MetaMask + +![](data:image/svg+xml,%0A%0A%0A%0A) + +WalletConnect + +Daha Fazla + +![](data:image/svg+xml,%0A%0A%0A%0A) + +Argent + +![](data:image/svg+xml,%0A) + +Trust Wallet + +![](data:image/svg+xml,%0A%0A%0A%0A%0A) + +Omni + +![](data:image/svg+xml,%0A %0A %0A %0A %0A %0A %0A %0A %0A) + +imToken + +![](data:image/svg+xml,) + +Ledger + +Close + +Cüzdan nedir? + +![](data:image/svg+xml,) + +Dijital Varlıklarınız İçin Bir Ev + +Cüzdanlar, Ethereum ve NFT'ler gibi dijital varlıkları göndermek, almak, depolamak ve görüntülemek için kullanılır. + +![](data:image/svg+xml,) + +Yeni Bir Giriş Yolu + +Her web sitesinde yeni hesap ve parolalar oluşturmak yerine, sadece cüzdanınızı bağlayın. + +Bir Cüzdan Edinin +[Daha fazla bilgi edinin](https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore) + +Modal + +Wide View + +Compact View + +Mod + +Vurgu + +Yarıçap + +## Rainbow 🤝 Geliştiriciler + +RainbowKit, geliştiricilerin uygulamalarına harika bir cüzdan deneyimi eklemeleri için hızlı, kolay ve son derece özelleştirilebilir bir yol sağlar. Zor işlemleri biz yönetiyoruz, böylece geliştiriciler ve ekipler harika ürünler ve kullanıcılar için topluluklar oluşturmaya odaklanabilir. + +- Tick +Kolay Kurulum + +- Tick +Özel Temalar + +- Tick +Dahili Temalar + +- Tick +Özel Cüzdan Listesi + +- Tick +Açık ve Koyu Mod + +- Tick +Özel Zincirler + +- Tick +App Store ve Google Play Entegrasyonu + +- Tick +Özel Bağlantı Düğmesi + + +[Dökümantasyonu Görüntüle](/tr/docs) + +## Kendi dostlarımız tarafından ❤️ ile yapıldı![]()![]() + +RainbowKit'i geliştirmek eğlenceli bir çaba oldu ve birçok kişi tarafından Rainbow'da ve diğer şirketlerimizdeki dostlarımız tarafından yapıldı. RainbowKit'i her zaman daha da iyi yapmaya çalışıyoruz, bu yüzden lütfen nasıl iyileştirebileceğimizi bize bildirin. + +[Bizi Twitter'da takip edin](https://twitter.com/rainbowdotme) [Bize geri bildirim gönderin](https://github.com/rainbow-me/rainbowkit/discussions/new?category=feedback) + +[👾 github](https://github.com/rainbow-me/rainbowkit) + +[⬇️medya kiti](https://www.figma.com/community/file/1139300796265858893/rainbow-brand-assets) + +[📜kullanım Koşulları'na](https://rainbow.me/terms-of-use) + +[🔒gizlilik politikası](https://rainbow.me/privacy) + +© Rainbow![Rainbow logo](/rainbow.svg) + +RainbowKit + +### Tổng quan + +[Giới thiệu](/vi/docs/introduction) [Hướng Dẫn Di Chuyển](/vi/docs/migration-guide) + +### Bắt đầu + +[Cài đặt](/vi/docs/installation) [Nút Kết Nối](/vi/docs/connect-button) [Kích thước cửa sổ bật lên](/vi/docs/modal-sizes) [Chủ đề](/vi/docs/theming) [Chuỗi](/vi/docs/chains) [Địa phương hóa](/vi/docs/localization) [Xác thực](/vi/docs/authentication) [Giao dịch gần đây](/vi/docs/recent-transactions) + +### Nâng cao + +[Modal Hooks](/vi/docs/modal-hooks) [Nút Kết Nối Tùy Chỉnh](/vi/docs/custom-connect-button) [Chủ đề tùy chỉnh](/vi/docs/custom-theme) [Danh sách Ví Tùy chỉnh](/vi/docs/custom-wallet-list) [Ví tùy chỉnh](/vi/docs/custom-wallets) [Chuỗi tùy chỉnh](/vi/docs/custom-chains) [Thông tin ứng dụng tùy chỉnh](/vi/docs/custom-app-info) [Avatars Tùy Chỉnh](/vi/docs/custom-avatars) [Xác thực Tùy chỉnh](/vi/docs/custom-authentication) [Nút Ví](/vi/docs/wallet-button) [Chế Độ Cool](/vi/docs/cool-mode) + +Giới thiệu + +# RainbowKit + +## Cách tốt nhất để kết nối ví 🌈 + +RainbowKit là một thư viện [React](https://reactjs.org/) giúp dễ dàng thêm kết nối ví vào ứng dụng dapp của bạn. Nó trực quan, phản hồi nhanh và có thể tùy chỉnh. + +[**Tính năng**](#tính-năng) + +[**Quản lý ví**](#quản-lý-ví) + +Quản lý ví sẵn có cho ứng dụng dapp của bạn. Ngoài việc xử lý kết nối và ngắt kết nối ví, RainbowKit hỗ trợ nhiều ví, chuyển đổi giữa các chuỗi kết nối, giải quyết địa chỉ tới ENS, hiển thị số dư và nhiều hơn nữa! + +[**Có thể tùy chỉnh**](#có-thể-tùy-chỉnh) + +Bạn có thể tùy chỉnh giao diện UI của RainbowKit để phù hợp với thương hiệu của mình. Bạn có thể chọn từ một vài màu sắc nhấn định sẵn và cấu hình các bán kính viền. Đối với các trường hợp sử dụng nâng cao hơn, bạn có thể cung cấp một chủ đề tùy chỉnh hoàn toàn, thiết kế nút của riêng bạn và bỏ qua một số tính năng nhất định. Bao gồm chế độ tối. + +[**Tiêu chuẩn ngành**](#tiêu-chuẩn-ngành) + +Để tương tác tốt hơn với hầu hết các sản phẩm, chúng tôi dựa vào [viem](https://viem.sh) và [wagmi](https://wagmi.sh/) — các thư viện được sử dụng phổ biến nhất trong lĩnh vực này. + +Các tiêu chuẩn ví như EIP-1193 và EIP-6963 được hỗ trợ ngay từ đầu, làm cho người dùng ví trình duyệt có thể kết nối ví với dapp của bạn một cách dễ dàng hơn bao giờ hết. + +[**Cộng đồng**](#cộng-đồng) + +Chúng tôi rất háo hức khi thấy cộng đồng chấp nhận RainbowKit, nêu ra vấn đề và cung cấp phản hồi. Dù là yêu cầu tính năng, báo cáo lỗi hay một dự án trình diễn, hãy tham gia vào! + +- Nêu một [vấn đề](https://github.com/rainbow-me/rainbowkit/issues) + +- Theo dõi trên [Twitter](https://twitter.com/rainbowdotme) + +- Chia sẻ [phản hồi của bạn](https://github.com/rainbow-me/rainbowkit/discussions/new?category=feedback) + +- Thử nó trên [Codesandbox](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) + + +[Hướng Dẫn Di ChuyểnNext](/vi/docs/migration-guide)![Rainbow logo](/rainbow.svg) + +RainbowKit + +### ภาพรวม + +[บทนำ](/th/docs/introduction) [คู่มือการย้าย](/th/docs/migration-guide) + +### เริ่มต้นใช้งาน + +[การติดตั้ง](/th/docs/installation) [ConnectButton](/th/docs/connect-button) [ขนาดของ Modal](/th/docs/modal-sizes) [ธีม](/th/docs/theming) [เชื่อมโยง](/th/docs/chains) [การแปลภาษา](/th/docs/localization) [การตรวจสอบตัวตน](/th/docs/authentication) [ธุรกรรมล่าสุด](/th/docs/recent-transactions) + +### ขั้นสูง + +[ตัวเชื่อมต่อ Modal](/th/docs/modal-hooks) [ปุ่มเชื่อมต่อที่กำหนดเอง](/th/docs/custom-connect-button) [ธีมที่กำหนดเอง](/th/docs/custom-theme) [รายการกระเป๋าเงินที่กำหนดเอง](/th/docs/custom-wallet-list) [กระเป๋าเงินที่กำหนดเอง](/th/docs/custom-wallets) [เชนที่กำหนดเอง](/th/docs/custom-chains) [ข้อมูลแอปที่กำหนดเอง](/th/docs/custom-app-info) [อวาตาร์ที่กำหนดเอง](/th/docs/custom-avatars) [การรับรองความถูกต้องที่กำหนดเอง](/th/docs/custom-authentication) [ปุ่มกระเป๋าเงิน](/th/docs/wallet-button) [โหมดเท่ห์](/th/docs/cool-mode) + +บทนำ + +# RainbowKit + +## วิธีที่ดีที่สุดในการเชื่อมต่อกระเป๋าเงิน 🌈 + +RainbowKit คือ [React](https://reactjs.org/) ที่ทำให้ง่ายต่อการเพิ่มการเชื่อมต่อกระเป๋าเงินเข้ากับ dapp ของคุณ. มันเป็นนั่งตรงจุด, ตอบสนอง และสามารถปรับแต่งได้. + +[**คุณสมบัติ**](#คุณสมบัติ) + +[**การจัดการกระเป๋าเงิน**](#การจัดการกระเป๋าเงิน) + +การจัดการกระเป๋าเงินที่เสร็จสมบูรณ์สำหรับ dapp ของคุณ. นอกจากการจัดการการเชื่อมต่อและหยุดการเชื่อมต่อของกระเป๋าเงิน รวมถึงวิธีการรองรับกระเป๋าเงินหลายตัว, การแลกเปลี่ยนสายการเชื่อมต่อ, แก้ไขที่อยู่เป็น ENS, แสดงยอดคงเหลือ และอีกมากมาย! + +[**สามารถปรับแต่งได้**](#สามารถปรับแต่งได้) + +คุณสามารถปรับ UI ของ RainbowKit ให้ตรงกับแบรนด์ของคุณ. คุณสามารถเลือกสีเน้นและการตั้งค่ารัศมีขอบจากที่กำหนดไว้ล่วงหน้า. สำหรับการใช้งานในระดับสูงขึ้น คุณสามารถกำหนดธีมของคุณเองได้ทั้งหมด, แสดงปุ่มของคุณเองและละเว้นบางฟีเจอร์. รวมโหมดมืด. + +[**มาตรฐานของอุตสาหกรรม**](#มาตรฐานของอุตสาหกรรม) + +เพื่อการทำงานร่วมกันที่ดีขึ้นกับผลิตภัณฑ์ส่วนใหญ่ เราพึ่งพาบน [viem](https://viem.sh) และ [wagmi](https://wagmi.sh/) — คือไลบรารีที่ใช้งานมากที่สุดในสเปซนี้. + +มาตรฐานกระเป๋าเงินเช่น EIP-1193 และ EIP-6963 ได้รับการสนับสนุนอย่างเต็มรูปแบบโดยทันที ทำให้ผู้ใช้กระเป๋าเงินบนเบราว์เซอร์สามารถเชื่อมต่อกระเป๋าเงินของพวกเขากับ dApp ของคุณได้อย่างราบรื่นยิ่งขึ้น. + +[**ชุมชน**](#ชุมชน) + +เราตื่นเต้นที่จะเห็นชุมชนนำไปใช้ RainbowKit แจ้งปัญหา และให้ข้อเสนอแนะ. ไม่ว่าจะเป็นคำขอเพิ่มคุณสมบัติ รายงานข้อผิดพลาด หรือโปรเจคที่จะแสดง โปรดมาร่วมเข้าร่วม! + +- ยื่น [issue](https://github.com/rainbow-me/rainbowkit/issues) + +- ติดตามได้ที่ [Twitter](https://twitter.com/rainbowdotme) + +- แบ่งปันของคุณ [feedback](https://github.com/rainbow-me/rainbowkit/discussions/new?category=feedback) + +- ทดลองใช้ที่ [Codesandbox](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) + + +[คู่มือการย้ายNext](/th/docs/migration-guide) \ No newline at end of file diff --git a/site/public/llms.txt b/site/public/llms.txt new file mode 100644 index 0000000000..b383970bf5 --- /dev/null +++ b/site/public/llms.txt @@ -0,0 +1,25 @@ +# rainbowkit.com llms.txt + +> RainbowKit offers a customizable wallet connection framework designed for developers, enabling them to easily integrate enhanced wallet experiences into their Web3 applications. + +- [RainbowKit Documentation](https://rainbowkit.com/docs): Provide documentation for integrating the RainbowKit wallet connection library in React applications. +- [ConnectButton Documentation](https://rainbowkit.com/docs/connect-button): Guide for using and customizing the ConnectButton component in RainbowKit. +- [RainbowKit Theming Guide](https://rainbowkit.com/docs/theming): Guide for customizing themes in RainbowKit. +- [RainbowKit Migration Guide](https://rainbowkit.com/docs/migration-guide): Guide users on migrating RainbowKit with detailed steps and information on breaking changes. +- [RainbowKit Documentation](https://rainbowkit.com/docs/introduction): To provide documentation on using RainbowKit for wallet connection in dapps with customization options. +- [Cool Mode Instructions](https://rainbowkit.com/docs/cool-mode): Describes how to enable and use Cool Mode in RainbowKit for enhanced wallet selection animations. +- [RainbowKit Modal Sizes](https://rainbowkit.com/docs/modal-sizes): To guide users on the usage of different modal sizes in RainbowKit. +- [Wallet Integration for Developers](https://rainbowkit.com): Offering developers an easy, customizable way to integrate wallet connections into their applications. +- [Custom Avatars Guide](https://rainbowkit.com/docs/custom-avatars): Guide on customizing user avatars in RainbowKit applications. +- [Customizing RainbowKit Info](https://rainbowkit.com/docs/custom-app-info): Guide on customizing app information for RainbowKit integration. +- [Authentication Guide](https://rainbowkit.com/docs/authentication): Guide to implement user authentication using RainbowKit with Sign-In with Ethereum and NextAuth. +- [Custom Theme in RainbowKit](https://rainbowkit.com/docs/custom-theme): Guidance on creating and managing custom themes in RainbowKit. +- [Localization Guide](https://rainbowkit.com/docs/localization): Guide for implementing localization in dApps using RainbowKit. +- [WalletButton Documentation](https://rainbowkit.com/docs/wallet-button): Guide for using the WalletButton component in the RainbowKit for decentralized applications. +- [Email Protection Info](https://rainbowkit.com/cdn-cgi/l/email-protection): Inform users about email protection and encourage Cloudflare sign-ups. +- [Recent Transactions Feature](https://rainbowkit.com/docs/recent-transactions): Instructions for displaying recent transactions in RainbowKit's account modal. +- [Chain Customization Guide](https://rainbowkit.com/docs/chains): Guide for customizing blockchain integration with RainbowKit. +- [Modal Hooks Documentation](https://rainbowkit.com/docs/modal-hooks): Explains how to use modal hooks in RainbowKit for dApps. +- [Custom Chains Guide](https://rainbowkit.com/docs/custom-chains): Guide to creating custom blockchain integrations for RainbowKit. +- [RainbowKit Installation Guide](https://rainbowkit.com/docs/installation): Guide users on installing and setting up RainbowKit for their React applications. +- [Custom Authentication Integration](https://rainbowkit.com/docs/custom-authentication): Guide for integrating custom authentication with RainbowKit.