Installing UI Kit (deprecated)

To provide greater customization options, we have open-sourced our UIKit and deprecated the packaged UIKit version previously available. For the best quality and access to the latest features, we strongly recommend integrating our UIKit with the open-source version. For more details, please refer to the Web UIKit Installation Guide section.

The UiKitProvider

At the core of your project, you will need to import and decorate your application with the UiKitProvider.

import { UiKitProvider } from ‘@amityco/ui-kit’

export default function App() {
  return <UiKitProvider>
    <YourApp />
  </UiKitProvider>
}

social.plus UIKit already includes our SDK. Don’t install social.plus SDK separately if you have already installed the UIKit.

Using the UIKit

You can use the UIKit components with this code:

<AmityUiKitProvider key={userId} apiKey={apiKey} userId={userId}>
    <AmityUiKitSocial />
</AmityUiKitProvider>

Check this sample code in our web sample application.