Vision UI

OS26 coming soon and is a work in progress 🚧

See the OS26 Announcement here

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.

OS26 Updates

TL;DR

OS26 is a complete rewrite of Vision UI. By merging the Vision OS UI with Next.js layout, we have improved navigation, components, and performance, while also making it more accessible.

• More primitive & React-Native-styled components
  • Alert API
  • Sidebar
  • Stack
  • Ornament
  • Button
  • Honeycomb Grid
• Better navigation using Next JS layout as wrapper for ornament, sidebar components.
• Improve performance
  • Clean up unessessary divs
  • Better component refactoring
• Sound effects

Demo Video

How to use

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.

---

The Documentation is powered by FumaDocs