# @opensea/next-ui-kit

[![npm version](https://badge.fury.io/js/@opensea%2Fnext-ui-kit.svg)](https://badge.fury.io/js/@opensea%2Fnext-ui-kit)

`@opensea/next-ui-kit` implements [Next.js](https://github.com/vercel/next.js) bindings for `@opensea/ui-kit`. In practice that means that it uses components like `next/link` instead of a native `a` link to implement navigation.

## Getting started

### Install

```sh
pnpm add @opensea/next-ui-kit
```

### Usage

```jsx
import { Item } from "@opensea/next-ui-kit"

export const Component = () => {
  return (
    <Item href="/my-super-page">
      <Item.Content>
        <Item.Title>Hello Next.js</Item.Title>
      </Item.Content>
    </Item>
  )
}
```