Vision UI

Experimental

The UI may look different on your browser. For best results, use Safari or Chrome.

What is Vision UI?

Vision UI is a collection of components that follow the VisionOS design language.

It uses most of the components from shadcn/ui for the underlying components with others using radix-ui.

This project assumes you already have shadcn/ui configured in your project.

Install motion/react in your project.

npm install motion/react

Then copy/paste the component you want to use into your project.

Some components require other components to work.

Eg. NavigationBar requires Window to work.

Glass effect with highlights

Clickable elements

Animated cursor for Vision UI

Hoverable elements

Vertical tab bar with custom scrollbar