Get Started with the Vega UI Component Library
Vega UI Components (VUIC) are a collection of reusable, customizable, and high-performance components to help you build apps with Vega. VUIC includes several actively maintained components (Carousel, EPG, Seekbar) and additional experimental components. Existing users might continue to use these experimental features at their discretion.
Prerequisites
Before installing VUIC, make sure you installed the Vega SDK on your local machine. For more details about installation, see Install the Vega SDK.
Installation
VUIC is available as an npm package in the same repository, like Vega packages. Navigate to the root directory of your project and install VUIC with the following command.
npm install @amazon-devices/kepler-ui-components@^2.0.0
To confirm a successful installation in your app, open package.json. In the dependencies section, you should see the VUIC library, as in the following example.
"dependencies": {
// ...
"@amazon-devices/kepler-ui-components": "^2.0.0",
}
You can verify the presence of VUIC in the npm repository with the following command.
$ npm search '@amazon-devices/' --registry $(npm config get @amazon-devices:registry)
Usage
After you install the VUIC package, you can import the library into your code. Here is an example with the Carousel component.
import React from 'react';
import { Carousel } from '@amazon-devices/kepler-ui-components';
Carousel updates
Upgrading to the >2.0.0 version of the library contains major changes to Carousel, which might cause existing apps using that component to crash. See the Carousel documentation to learn how to troubleshoot and migrate to the latest version.
Last updated: Oct 15, 2025

