Oxygen UI Studio

How to use Oxygen UI Studio

1. Search the catalogue or filter by category to find a component.
2. Select a component to see its live structural preview and description.
3. Copy the install command or the usage code for your own project.
4. Tick components in the layout builder to compose a demo dApp page.
5. Copy the layout code and paste it into your React project.

Features

• 48 real Oxygen-UI components catalogued across 6 categories.
• Live structural previews with sample data for every component.
• Copyable shadcn install commands and usage code per component.
• Demo dApp layout builder with copyable page code.
• Preview only: no wallet connection, no keys, no live dApp.

Frequently asked questions