# Get Started (/docs/reference/SDK/web/get-started)






The Verdocs Web SDK provides wrappers that make it easy to import our components into your project. These wrappers provide strong typing and code-completion for your IDE while building user interfaces with our components.

### Installation [#installation]

Begin by installing the Verdocs Web SDK in your project:

```bash
# NPM
npm i -S @verdocs/web-sdk

# Yarn
yarn add @verdocs/web-sdk

# PNPM
pnpm add @verdocs/web-sdk
```

<Break size="sm" />

## React [#react]

<div>
  React developers should use our React-specific SDK. As of React v18, Web components are supported but [with some
  caveats](https://custom-elements-everywhere.com/). Our React-specific SDK provides a more seamless integration.
</div>

<Break size="sm" />

## Usage [#usage]

<div className="flex gap-3">
  <div className="flex flex-col flex-1">
    <div className="text-2xl mb-1">
      React
    </div>

    <Image style="{marginTop: '0px'}" src="ReactImage" alt="Code sample for a simple button in React" width="2428" height="992" />
  </div>

  <div className="flex flex-col flex-1 ">
    <div className="text-2xl mb-1">
      Vue
    </div>

    <Image style="{marginTop: '0px'}" src="VueImage" alt="Code sample for a simple button in Vue" width="2772" height="1260" />
  </div>
</div>