### Reown AppKit Installation & Getting Started

Source: https://docs.walletconnect.com/specs/clients/sign/session-events

Guides for setting up Reown AppKit to build Web3 applications. Covers quick start, AI-powered setup, and command-line interface (CLI) usage for faster development.

```jsx
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = {
    ..._provideComponents(),
    ...props.components
  };
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}

function _createMdxContent(props) {
  const _components = {
    a: "a",
    p: "p",
    strong: "strong",
    ..._provideComponents(),
    ...props.components
  }, {Card, CardGroup, Heading, Info} = _components;

  if (!Card) _missingMdxReference("Card", true);
  if (!CardGroup) _missingMdxReference("CardGroup", true);
  if (!Heading) _missingMdxReference("Heading", true);
  if (!Info) _missingMdxReference("Info", true);

  return _jsxs(_Fragment, {
    children: [
      _jsxs(CardGroup, {
        cols: 3,
        children: [
          _jsx(Card, {
            title: "Build a Web3 App in 10 minutes",
            icon: "code",
            href: "/appkit/react/core/installation",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit in 10 minutes"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App with AI",
            icon: "robot",
            href: "/appkit/react/core/installation#set-up-reown-appkit-using-ai",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit with AI"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App using the AppKit CLI",
            icon: "terminal",
            href: "/appkit/react/core/installation#appkit-cli",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using the AppKit CLI"
            })
          })
        ]
      }),
      "\n",
      _jsx(Heading, {
        level: "2",
        id: "reown",
        isAtRootLevel: "true",
        children: "Reown"
      }),
      "\n",
      _jsx(_components.p, {
        children: "Reown empowers builders to create secure, user-friendly and insight-rich wallet and app UX. Providing all the tools to launch faster and scale smarter."
      }),
      "\n",
      _jsx(_components.p, {
        children: "Effortlessly integrate Reown’s suite of SDKs."
      }),
      "\n",
      _jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "AppKit",
            icon: "cubes",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "AppKit is a comprehensive SDK for creating seamless onchain UX, offering features like login (email \u0026 social),\ngas fee sponsorship, multi-chain support, onramps, swaps, user insights, and access to more than 600 wallets."
            })
          }),
          _jsx(Card, {
            title: "WalletKit",
            icon: "wallet",
            href: "/walletkit/overview",
            children: _jsx(_components.p, {
              children: "WalletKit is an open-source SDK for seamless wallet connections across blockchains.\nIt offers one-click authentication, secure transaction signing, phishing protection,\nand advanced on-chain configurations like batch transactions and paymasters."
            })
          })
        ]
      }),
      "\n",
      _jsx(Card, {
        title: "Get Support",
        icon: "discord",
        href: "https://discord.gg/reown",
        children: _jsx(_components.p, {
          children: "Reown offers free unlimited support for builders 24/7. Feel free to read the FAQ or get in touch."
        })
      }),
      "\n",
      _jsx(Card, {
        horizontal: true,
        children: _jsxs("div", {
          className: "mint-flex mint-flex-col sm:mint-flex-row mint-items-start sm:mint-items-center mint-justify-between mint-gap-4 sm:mint-gap-8",
          children: [
            _jsx("div", {
              className: "mint-flex-1",
              children: _jsxs(_components.p, {
                children: ["WalletConnect Inc. is now known as Reown. See ", _jsx("a", {
                  href: "https://walletconnect.network",
                  className: "mint-underline",
                  children: "walletconnect.network"
                })]
              })
            })
          ]
        })
      })
    ]
  });
}

return {
  default: MDXContent
};

function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}

```

--------------------------------

### Reown AppKit Installation & Getting Started

Source: https://docs.walletconnect.com/specs/clients/sign/namespaces

Guides for setting up Reown AppKit to build Web3 applications. Covers quick start, AI-powered setup, and command-line interface (CLI) usage for faster development.

```jsx
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = {
    ..._provideComponents(),
    ...props.components
  };
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}

function _createMdxContent(props) {
  const _components = {
    a: "a",
    p: "p",
    strong: "strong",
    ..._provideComponents(),
    ...props.components
  }, {Card, CardGroup, Heading, Info} = _components;

  if (!Card) _missingMdxReference("Card", true);
  if (!CardGroup) _missingMdxReference("CardGroup", true);
  if (!Heading) _missingMdxReference("Heading", true);
  if (!Info) _missingMdxReference("Info", true);

  return _jsxs(_Fragment, {
    children: [
      _jsxs(CardGroup, {
        cols: 3,
        children: [
          _jsx(Card, {
            title: "Build a Web3 App in 10 minutes",
            icon: "code",
            href: "/appkit/react/core/installation",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit in 10 minutes"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App with AI",
            icon: "robot",
            href: "/appkit/react/core/installation#set-up-reown-appkit-using-ai",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit with AI"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App using the AppKit CLI",
            icon: "terminal",
            href: "/appkit/react/core/installation#appkit-cli",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using the AppKit CLI"
            })
          })
        ]
      }),
      "\n",
      _jsx(Heading, {
        level: "2",
        id: "reown",
        isAtRootLevel: "true",
        children: "Reown"
      }),
      "\n",
      _jsx(_components.p, {
        children: "Reown empowers builders to create secure, user-friendly and insight-rich wallet and app UX. Providing all the tools to launch faster and scale smarter."
      }),
      "\n",
      _jsx(_components.p, {
        children: "Effortlessly integrate Reown’s suite of SDKs."
      }),
      "\n",
      _jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "AppKit",
            icon: "cubes",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "AppKit is a comprehensive SDK for creating seamless onchain UX, offering features like login (email \u0026 social),\ngas fee sponsorship, multi-chain support, onramps, swaps, user insights, and access to more than 600 wallets."
            })
          }),
          _jsx(Card, {
            title: "WalletKit",
            icon: "wallet",
            href: "/walletkit/overview",
            children: _jsx(_components.p, {
              children: "WalletKit is an open-source SDK for seamless wallet connections across blockchains.\nIt offers one-click authentication, secure transaction signing, phishing protection,\nand advanced on-chain configurations like batch transactions and paymasters."
            })
          })
        ]
      }),
      "\n",
      _jsx(Card, {
        title: "Get Support",
        icon: "discord",
        href: "https://discord.gg/reown",
        children: _jsx(_components.p, {
          children: "Reown offers free unlimited support for builders 24/7. Feel free to read the FAQ or get in touch."
        })
      }),
      "\n",
      _jsx(Card, {
        horizontal: true,
        children: _jsxs("div", {
          className: "mint-flex mint-flex-col sm:mint-flex-row mint-items-start sm:mint-items-center mint-justify-between mint-gap-4 sm:mint-gap-8",
          children: [
            _jsx("div", {
              className: "mint-flex-1",
              children: _jsxs(_components.p, {
                children: ["WalletConnect Inc. is now known as Reown. See ", _jsx("a", {
                  href: "https://walletconnect.network",
                  className: "mint-underline",
                  children: "walletconnect.network"
                })]
              })
            })
          ]
        })
      })
    ]
  });
}

return {
  default: MDXContent
};

function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}

```

--------------------------------

### Reown AppKit Installation & Getting Started

Source: https://docs.walletconnect.com/protocol/glossary

Guides for setting up Reown AppKit to build Web3 applications. Covers quick start, AI-powered setup, and command-line interface (CLI) usage for faster development.

```jsx
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = {
    ..._provideComponents(),
    ...props.components
  };
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}

function _createMdxContent(props) {
  const _components = {
    a: "a",
    p: "p",
    strong: "strong",
    ..._provideComponents(),
    ...props.components
  }, {Card, CardGroup, Heading, Info} = _components;

  if (!Card) _missingMdxReference("Card", true);
  if (!CardGroup) _missingMdxReference("CardGroup", true);
  if (!Heading) _missingMdxReference("Heading", true);
  if (!Info) _missingMdxReference("Info", true);

  return _jsxs(_Fragment, {
    children: [
      _jsxs(CardGroup, {
        cols: 3,
        children: [
          _jsx(Card, {
            title: "Build a Web3 App in 10 minutes",
            icon: "code",
            href: "/appkit/react/core/installation",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit in 10 minutes"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App with AI",
            icon: "robot",
            href: "/appkit/react/core/installation#set-up-reown-appkit-using-ai",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit with AI"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App using the AppKit CLI",
            icon: "terminal",
            href: "/appkit/react/core/installation#appkit-cli",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using the AppKit CLI"
            })
          })
        ]
      }),
      "\n",
      _jsx(Heading, {
        level: "2",
        id: "reown",
        isAtRootLevel: "true",
        children: "Reown"
      }),
      "\n",
      _jsx(_components.p, {
        children: "Reown empowers builders to create secure, user-friendly and insight-rich wallet and app UX. Providing all the tools to launch faster and scale smarter."
      }),
      "\n",
      _jsx(_components.p, {
        children: "Effortlessly integrate Reown’s suite of SDKs."
      }),
      "\n",
      _jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "AppKit",
            icon: "cubes",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "AppKit is a comprehensive SDK for creating seamless onchain UX, offering features like login (email \u0026 social),\ngas fee sponsorship, multi-chain support, onramps, swaps, user insights, and access to more than 600 wallets."
            })
          }),
          _jsx(Card, {
            title: "WalletKit",
            icon: "wallet",
            href: "/walletkit/overview",
            children: _jsx(_components.p, {
              children: "WalletKit is an open-source SDK for seamless wallet connections across blockchains.\nIt offers one-click authentication, secure transaction signing, phishing protection,\nand advanced on-chain configurations like batch transactions and paymasters."
            })
          })
        ]
      }),
      "\n",
      _jsx(Card, {
        title: "Get Support",
        icon: "discord",
        href: "https://discord.gg/reown",
        children: _jsx(_components.p, {
          children: "Reown offers free unlimited support for builders 24/7. Feel free to read the FAQ or get in touch."
        })
      }),
      "\n",
      _jsx(Card, {
        horizontal: true,
        children: _jsxs("div", {
          className: "mint-flex mint-flex-col sm:mint-flex-row mint-items-start sm:mint-items-center mint-justify-between mint-gap-4 sm:mint-gap-8",
          children: [
            _jsx("div", {
              className: "mint-flex-1",
              children: _jsxs(_components.p, {
                children: ["WalletConnect Inc. is now known as Reown. See ", _jsx("a", {
                  href: "https://walletconnect.network",
                  className: "mint-underline",
                  children: "walletconnect.network"
                })]
              })
            })
          ]
        })
      })
    ]
  });
}

return {
  default: MDXContent
};

function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}

```

--------------------------------

### Reown AppKit Installation & Getting Started

Source: https://docs.walletconnect.com/

Guides for setting up Reown AppKit to build Web3 applications. Covers quick start, AI-powered setup, and command-line interface (CLI) usage for faster development.

```jsx
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = {
    ..._provideComponents(),
    ...props.components
  };
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}

function _createMdxContent(props) {
  const _components = {
    a: "a",
    p: "p",
    strong: "strong",
    ..._provideComponents(),
    ...props.components
  }, {Card, CardGroup, Heading, Info} = _components;

  if (!Card) _missingMdxReference("Card", true);
  if (!CardGroup) _missingMdxReference("CardGroup", true);
  if (!Heading) _missingMdxReference("Heading", true);
  if (!Info) _missingMdxReference("Info", true);

  return _jsxs(_Fragment, {
    children: [
      _jsxs(CardGroup, {
        cols: 3,
        children: [
          _jsx(Card, {
            title: "Build a Web3 App in 10 minutes",
            icon: "code",
            href: "/appkit/react/core/installation",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit in 10 minutes"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App with AI",
            icon: "robot",
            href: "/appkit/react/core/installation#set-up-reown-appkit-using-ai",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit with AI"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App using the AppKit CLI",
            icon: "terminal",
            href: "/appkit/react/core/installation#appkit-cli",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using the AppKit CLI"
            })
          })
        ]
      }),
      "\n",
      _jsx(Heading, {
        level: "2",
        id: "reown",
        isAtRootLevel: "true",
        children: "Reown"
      }),
      "\n",
      _jsx(_components.p, {
        children: "Reown empowers builders to create secure, user-friendly and insight-rich wallet and app UX. Providing all the tools to launch faster and scale smarter."
      }),
      "\n",
      _jsx(_components.p, {
        children: "Effortlessly integrate Reown’s suite of SDKs."
      }),
      "\n",
      _jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "AppKit",
            icon: "cubes",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "AppKit is a comprehensive SDK for creating seamless onchain UX, offering features like login (email \u0026 social),\ngas fee sponsorship, multi-chain support, onramps, swaps, user insights, and access to more than 600 wallets."
            })
          }),
          _jsx(Card, {
            title: "WalletKit",
            icon: "wallet",
            href: "/walletkit/overview",
            children: _jsx(_components.p, {
              children: "WalletKit is an open-source SDK for seamless wallet connections across blockchains.\nIt offers one-click authentication, secure transaction signing, phishing protection,\nand advanced on-chain configurations like batch transactions and paymasters."
            })
          })
        ]
      }),
      "\n",
      _jsx(Card, {
        title: "Get Support",
        icon: "discord",
        href: "https://discord.gg/reown",
        children: _jsx(_components.p, {
          children: "Reown offers free unlimited support for builders 24/7. Feel free to read the FAQ or get in touch."
        })
      }),
      "\n",
      _jsx(Card, {
        horizontal: true,
        children: _jsxs("div", {
          className: "mint-flex mint-flex-col sm:mint-flex-row mint-items-start sm:mint-items-center mint-justify-between mint-gap-4 sm:mint-gap-8",
          children: [
            _jsx("div", {
              className: "mint-flex-1",
              children: _jsxs(_components.p, {
                children: ["WalletConnect Inc. is now known as Reown. See ", _jsx("a", {
                  href: "https://walletconnect.network",
                  className: "mint-underline",
                  children: "walletconnect.network"
                })]
              })
            })
          ]
        })
      })
    ]
  });
}

return {
  default: MDXContent
};

function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}

```

--------------------------------

### Reown AppKit Installation & Getting Started

Source: https://docs.walletconnect.com/appkit/react/onboarding/socials

Guides for setting up Reown AppKit to build Web3 applications. Covers quick start, AI-powered setup, and command-line interface (CLI) usage for faster development.

```jsx
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = {
    ..._provideComponents(),
    ...props.components
  };
  return MDXLayout ? _jsx(MDXLayout, {
    ...props,
    children: _jsx(_createMdxContent, {
      ...props
    })
  }) : _createMdxContent(props);
}

function _createMdxContent(props) {
  const _components = {
    a: "a",
    p: "p",
    strong: "strong",
    ..._provideComponents(),
    ...props.components
  }, {Card, CardGroup, Heading, Info} = _components;

  if (!Card) _missingMdxReference("Card", true);
  if (!CardGroup) _missingMdxReference("CardGroup", true);
  if (!Heading) _missingMdxReference("Heading", true);
  if (!Info) _missingMdxReference("Info", true);

  return _jsxs(_Fragment, {
    children: [
      _jsxs(CardGroup, {
        cols: 3,
        children: [
          _jsx(Card, {
            title: "Build a Web3 App in 10 minutes",
            icon: "code",
            href: "/appkit/react/core/installation",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit in 10 minutes"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App with AI",
            icon: "robot",
            href: "/appkit/react/core/installation#set-up-reown-appkit-using-ai",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using Reown AppKit with AI"
            })
          }),
          _jsx(Card, {
            title: "Build a Web3 App using the AppKit CLI",
            icon: "terminal",
            href: "/appkit/react/core/installation#appkit-cli",
            children: _jsx(_components.p, {
              children: "Learn how to build a Web3 app using the AppKit CLI"
            })
          })
        ]
      }),
      "\n",
      _jsx(Heading, {
        level: "2",
        id: "reown",
        isAtRootLevel: "true",
        children: "Reown"
      }),
      "\n",
      _jsx(_components.p, {
        children: "Reown empowers builders to create secure, user-friendly and insight-rich wallet and app UX. Providing all the tools to launch faster and scale smarter."
      }),
      "\n",
      _jsx(_components.p, {
        children: "Effortlessly integrate Reown’s suite of SDKs."
      }),
      "\n",
      _jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "AppKit",
            icon: "cubes",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "AppKit is a comprehensive SDK for creating seamless onchain UX, offering features like login (email \u0026 social),\ngas fee sponsorship, multi-chain support, onramps, swaps, user insights, and access to more than 600 wallets."
            })
          }),
          _jsx(Card, {
            title: "WalletKit",
            icon: "wallet",
            href: "/walletkit/overview",
            children: _jsx(_components.p, {
              children: "WalletKit is an open-source SDK for seamless wallet connections across blockchains.\nIt offers one-click authentication, secure transaction signing, phishing protection,\nand advanced on-chain configurations like batch transactions and paymasters."
            })
          })
        ]
      }),
      "\n",
      _jsx(Card, {
        title: "Get Support",
        icon: "discord",
        href: "https://discord.gg/reown",
        children: _jsx(_components.p, {
          children: "Reown offers free unlimited support for builders 24/7. Feel free to read the FAQ or get in touch."
        })
      }),
      "\n",
      _jsx(Card, {
        horizontal: true,
        children: _jsxs("div", {
          className: "mint-flex mint-flex-col sm:mint-flex-row mint-items-start sm:mint-items-center mint-justify-between mint-gap-4 sm:mint-gap-8",
          children: [
            _jsx("div", {
              className: "mint-flex-1",
              children: _jsxs(_components.p, {
                children: ["WalletConnect Inc. is now known as Reown. See ", _jsx("a", {
                  href: "https://walletconnect.network",
                  className: "mint-underline",
                  children: "walletconnect.network"
                })]
              })
            })
          ]
        })
      })
    ]
  });
}

return {
  default: MDXContent
};

function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}

```

--------------------------------

### Project Setup and Run Instructions

Source: https://github.com/reown-com/appkit-web-examples/tree/main/react/react-solana

Follow these steps to set up the Reown AppKit example project. This involves creating a project on Reown Cloud, configuring environment variables, installing dependencies using pnpm, and starting the development server.

```html
<ol dir="auto">
  <li>Go to <a href="https://cloud.reown.com" rel="nofollow">Reown Cloud</a> and create a new project.</li>
  <li>Copy your <code>Project ID</code></li>
  <li>Rename <code>.env.example</code> to <code>.env</code> and paste your <code>Project ID</code> as the value for <code>VITE_PROJECT_ID</code></li>
  <li>Run <code>pnpm install</code> to install dependencies</li>
  <li>Run <code>pnpm run dev</code> to start the development server</li>
</ol>
```

```bash
pnpm install
pnpm run dev
```

--------------------------------

### Reown AppKit Getting Started and Features Cards

Source: https://docs.walletconnect.com/

Provides links to get started with Reown AppKit, upgrade, explore features, try a demo, migrate from alternatives, and access GitHub repositories.

```jsx
import React from 'react';
import { _jsx, _jsxs } from 'react/jsx-runtime';
import { _components } from '@reown/core';
import Card from './Card';
import CardGroup from './CardGroup';

function AppKitResources() {
  return (
    <div>
      {_jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "Get Started",
            icon: "rocket",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "Get started with Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Upgrade to Reown",
            icon: "arrow-up",
            href: "/appkit/upgrade/from-w3m-to-reown",
            children: _jsx(_components.p, {
              children: "Upgrade to latest version of Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Features",
            icon: "list-check",
            href: "/appkit/features/",
            children: _jsx(_components.p, {
              children: "Learn about the features Reown has to offer"
            })
          }),
          _jsx(Card, {
            title: "Try AppKit Demo",
            icon: "flask",
            href: "https://demo.reown.com/?utm_source=navbar&utm_medium=docs&utm_campaign=backlinks",
            children: _jsx(_components.p, {
              children: "Try out the powerful Reown AppKit today"
            })
          }),
          _jsx(Card, {
            title: "Migrate from Alternatives",
            icon: "arrows-spin",
            href: "/appkit/migration/",
            children: _jsx(_components.p, {
              children: "Migrate from other solutions to Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Github Repositories",
            icon: "github",
            href: "https://github.com/reown-com",
            children: _jsx(_components.p, {
              children: "Browse all of Reown’s open-source repositories"
            })
          })
        ]
      })}
    </div>
  );
}
```

--------------------------------

### Reown AppKit Getting Started and Features Cards

Source: https://docs.walletconnect.com/protocol/glossary

Provides links to get started with Reown AppKit, upgrade, explore features, try a demo, migrate from alternatives, and access GitHub repositories.

```jsx
import React from 'react';
import { _jsx, _jsxs } from 'react/jsx-runtime';
import { _components } from '@reown/core';
import Card from './Card';
import CardGroup from './CardGroup';

function AppKitResources() {
  return (
    <div>
      {_jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "Get Started",
            icon: "rocket",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "Get started with Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Upgrade to Reown",
            icon: "arrow-up",
            href: "/appkit/upgrade/from-w3m-to-reown",
            children: _jsx(_components.p, {
              children: "Upgrade to latest version of Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Features",
            icon: "list-check",
            href: "/appkit/features/",
            children: _jsx(_components.p, {
              children: "Learn about the features Reown has to offer"
            })
          }),
          _jsx(Card, {
            title: "Try AppKit Demo",
            icon: "flask",
            href: "https://demo.reown.com/?utm_source=navbar&utm_medium=docs&utm_campaign=backlinks",
            children: _jsx(_components.p, {
              children: "Try out the powerful Reown AppKit today"
            })
          }),
          _jsx(Card, {
            title: "Migrate from Alternatives",
            icon: "arrows-spin",
            href: "/appkit/migration/",
            children: _jsx(_components.p, {
              children: "Migrate from other solutions to Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Github Repositories",
            icon: "github",
            href: "https://github.com/reown-com",
            children: _jsx(_components.p, {
              children: "Browse all of Reown’s open-source repositories"
            })
          })
        ]
      })}
    </div>
  );
}
```

--------------------------------

### Reown AppKit Quickstarts

Source: https://github.com/reown-com/appkit-web-examples

Provides links to installation and quickstart guides for various JavaScript frameworks and libraries, enabling developers to integrate Reown AppKit into their projects.

```APIDOC
Reown AppKit Quickstarts:

AppKit Docs:
  URL: https://docs.reown.com/appkit/overview
  Description: Comprehensive documentation for Reown AppKit.

React AppKit Quickstart:
  URL: https://docs.reown.com/appkit/react/core/installation
  Description: Guide to installing and starting with Reown AppKit in a React project.

Next.js AppKit Quickstart:
  URL: https://docs.reown.com/appkit/next/core/installation
  Description: Guide to installing and starting with Reown AppKit in a Next.js project.

Vue AppKit Quickstart:
  URL: https://docs.reown.com/appkit/vue/core/installation
  Description: Guide to installing and starting with Reown AppKit in a Vue.js project.

Javascript AppKit Quickstart:
  URL: https://docs.reown.com/appkit/javascript/core/installation
  Description: Guide to installing and starting with Reown AppKit in a plain JavaScript project.

Community & Support:
  Discord: https://discord.gg/reown
  Description: Join the Discord server for questions and community support.

Project Management:
  Reown Cloud Dashboard: https://cloud.reown.com/
  Description: Dashboard to create a projectId required for using AppKit.
```

--------------------------------

### Reown AppKit Getting Started and Features Cards

Source: https://docs.walletconnect.com/specs/clients/sign/namespaces

Provides links to get started with Reown AppKit, upgrade, explore features, try a demo, migrate from alternatives, and access GitHub repositories.

```jsx
import React from 'react';
import { _jsx, _jsxs } from 'react/jsx-runtime';
import { _components } from '@reown/core';
import Card from './Card';
import CardGroup from './CardGroup';

function AppKitResources() {
  return (
    <div>
      {_jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "Get Started",
            icon: "rocket",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "Get started with Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Upgrade to Reown",
            icon: "arrow-up",
            href: "/appkit/upgrade/from-w3m-to-reown",
            children: _jsx(_components.p, {
              children: "Upgrade to latest version of Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Features",
            icon: "list-check",
            href: "/appkit/features/",
            children: _jsx(_components.p, {
              children: "Learn about the features Reown has to offer"
            })
          }),
          _jsx(Card, {
            title: "Try AppKit Demo",
            icon: "flask",
            href: "https://demo.reown.com/?utm_source=navbar&utm_medium=docs&utm_campaign=backlinks",
            children: _jsx(_components.p, {
              children: "Try out the powerful Reown AppKit today"
            })
          }),
          _jsx(Card, {
            title: "Migrate from Alternatives",
            icon: "arrows-spin",
            href: "/appkit/migration/",
            children: _jsx(_components.p, {
              children: "Migrate from other solutions to Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Github Repositories",
            icon: "github",
            href: "https://github.com/reown-com",
            children: _jsx(_components.p, {
              children: "Browse all of Reown’s open-source repositories"
            })
          })
        ]
      })}
    </div>
  );
}
```

--------------------------------

### Reown AppKit Getting Started and Features Cards

Source: https://docs.walletconnect.com/specs/clients/sign/session-events

Provides links to get started with Reown AppKit, upgrade, explore features, try a demo, migrate from alternatives, and access GitHub repositories.

```jsx
import React from 'react';
import { _jsx, _jsxs } from 'react/jsx-runtime';
import { _components } from '@reown/core';
import Card from './Card';
import CardGroup from './CardGroup';

function AppKitResources() {
  return (
    <div>
      {_jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "Get Started",
            icon: "rocket",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "Get started with Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Upgrade to Reown",
            icon: "arrow-up",
            href: "/appkit/upgrade/from-w3m-to-reown",
            children: _jsx(_components.p, {
              children: "Upgrade to latest version of Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Features",
            icon: "list-check",
            href: "/appkit/features/",
            children: _jsx(_components.p, {
              children: "Learn about the features Reown has to offer"
            })
          }),
          _jsx(Card, {
            title: "Try AppKit Demo",
            icon: "flask",
            href: "https://demo.reown.com/?utm_source=navbar&utm_medium=docs&utm_campaign=backlinks",
            children: _jsx(_components.p, {
              children: "Try out the powerful Reown AppKit today"
            })
          }),
          _jsx(Card, {
            title: "Migrate from Alternatives",
            icon: "arrows-spin",
            href: "/appkit/migration/",
            children: _jsx(_components.p, {
              children: "Migrate from other solutions to Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Github Repositories",
            icon: "github",
            href: "https://github.com/reown-com",
            children: _jsx(_components.p, {
              children: "Browse all of Reown’s open-source repositories"
            })
          })
        ]
      })}
    </div>
  );
}
```

--------------------------------

### Reown AppKit - Web3 App Development

Source: https://docs.walletconnect.com/protocol/glossary

Guides and links for developers building Web3 applications using Reown AppKit. It covers getting started, features, and migration from other solutions.

```javascript
/*
  Reown AppKit - Get Started
  Link: /appkit/overview
  Description: Get started with Reown AppKit for building Web3 applications.
*/

/*
  Reown AppKit - Upgrade Guide
  Link: /appkit/upgrade/from-w3m-to-reown
  Description: Instructions for upgrading to the latest version of Reown AppKit.
*/

/*
  Reown AppKit - Features
  Link: /appkit/features/
  Description: Learn about the features Reown AppKit has to offer.
*/

/*
  Reown AppKit - Demo
  Link: https://demo.reown.com/?utm_source=navbar&utm_medium=docs&utm_campaign=backlinks
  Description: Try out the Reown AppKit demo.
*/

/*
  Reown AppKit - Migration
  Link: /appkit/migration/
  Description: Migrate from other Web3 solutions to Reown AppKit.
*/

/*
  Reown AppKit - GitHub Repositories
  Link: https://github.com/reown-com
  Description: Browse Reown's open-source repositories on GitHub.
*/
```

--------------------------------

### WalletKit Quick Start Options

Source: https://docs.walletconnect.com/protocol/glossary

Presents key starting points for Reown WalletKit, including getting started, upgrading from other wallets, exploring features, and accessing GitHub repositories.

```javascript
_jsxs(CardGroup, {\n cols: 2,\n children: [_jsx(Card, {\n title: \"Get Started\",\n icon: \"rocket\",\n href: \"/walletkit/overview\",\n children: _jsx(_components.p, {\n children: \"Get started with Reown WalletKit\"\n })\n }), _jsx(Card, {\n title: \"Upgrade to Reown\",\n icon: \"arrow-up\",\n href: \"/walletkit/upgrade/from-web3wallet-to-reown\",\n children: _jsx(_components.p, {\n children: \"Upgrade to latest version of Reown WalletKit\"\n })\n }), _jsx(Card, {\n title: \"Features\",\n icon: \"list-check\",\n href: \"/walletkit/features/one-click-auth\",\n children: _jsx(_components.p, {\n children: \"Learn about the features Reown WalletKit has to offer\"\n })\n }), _jsx(Card, {\n title: \"Github Repositories\",\n icon: \"github\",\n href: \"https://github.com/reown-com\",\n children: _jsx(_components.p, {\n children: \"Browse all of Reown’s open-source repositories\"\n })\n })]\n }), \"\\n\"
```

--------------------------------

### WalletKit Quick Start Options

Source: https://docs.walletconnect.com/

Presents key starting points for Reown WalletKit, including getting started, upgrading from other wallets, exploring features, and accessing GitHub repositories.

```javascript
_jsxs(CardGroup, {\n cols: 2,\n children: [_jsx(Card, {\n title: \"Get Started\",\n icon: \"rocket\",\n href: \"/walletkit/overview\",\n children: _jsx(_components.p, {\n children: \"Get started with Reown WalletKit\"\n })\n }), _jsx(Card, {\n title: \"Upgrade to Reown\",\n icon: \"arrow-up\",\n href: \"/walletkit/upgrade/from-web3wallet-to-reown\",\n children: _jsx(_components.p, {\n children: \"Upgrade to latest version of Reown WalletKit\"\n })\n }), _jsx(Card, {\n title: \"Features\",\n icon: \"list-check\",\n href: \"/walletkit/features/one-click-auth\",\n children: _jsx(_components.p, {\n children: \"Learn about the features Reown WalletKit has to offer\"\n })\n }), _jsx(Card, {\n title: \"Github Repositories\",\n icon: \"github\",\n href: \"https://github.com/reown-com\",\n children: _jsx(_components.p, {\n children: \"Browse all of Reown’s open-source repositories\"\n })\n })]\n }), \"\\n\"
```

--------------------------------

### Reown AppKit Getting Started and Features Cards

Source: https://docs.walletconnect.com/appkit/react/onboarding/socials

Provides links to get started with Reown AppKit, upgrade, explore features, try a demo, migrate from alternatives, and access GitHub repositories.

```jsx
import React from 'react';
import { _jsx, _jsxs } from 'react/jsx-runtime';
import { _components } from '@reown/core';
import Card from './Card';
import CardGroup from './CardGroup';

function AppKitResources() {
  return (
    <div>
      {_jsxs(CardGroup, {
        cols: 2,
        children: [
          _jsx(Card, {
            title: "Get Started",
            icon: "rocket",
            href: "/appkit/overview",
            children: _jsx(_components.p, {
              children: "Get started with Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Upgrade to Reown",
            icon: "arrow-up",
            href: "/appkit/upgrade/from-w3m-to-reown",
            children: _jsx(_components.p, {
              children: "Upgrade to latest version of Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Features",
            icon: "list-check",
            href: "/appkit/features/",
            children: _jsx(_components.p, {
              children: "Learn about the features Reown has to offer"
            })
          }),
          _jsx(Card, {
            title: "Try AppKit Demo",
            icon: "flask",
            href: "https://demo.reown.com/?utm_source=navbar&utm_medium=docs&utm_campaign=backlinks",
            children: _jsx(_components.p, {
              children: "Try out the powerful Reown AppKit today"
            })
          }),
          _jsx(Card, {
            title: "Migrate from Alternatives",
            icon: "arrows-spin",
            href: "/appkit/migration/",
            children: _jsx(_components.p, {
              children: "Migrate from other solutions to Reown AppKit"
            })
          }),
          _jsx(Card, {
            title: "Github Repositories",
            icon: "github",
            href: "https://github.com/reown-com",
            children: _jsx(_components.p, {
              children: "Browse all of Reown’s open-source repositories"
            })
          })
        ]
      })}
    </div>
  );
}
```