Skip to main content

AYON Frontend React Components

About AYON React Components

The AYON Component Library is a collection of components for the AYON project. It's extensively used in our ayon-frontend, the React frontend code for the Ayon server. It can be used to create consistent and accessible AYON addons.

Get Started

You can find examples for creating a Frontend React App for addons in Addon Frontend Dev. Once set up, you can try different AYON components.

tip

Our AYON React Components Docs provide examples you can copy and paste directly into your React app for easy experimenting.

Remember to import the component into your code, as it's not copied by default. For the following EntityCard example in the screen grab, use:

import { EntityCard } from '@ynput/ayon-react-components'

Learn More

You can find the full list of components and their documentation at AYON React Components Docs

tip

To run Documentation locally follow Get Started with Storybook on GitHub.