/react-big-sur

A React UI component library that is built to simulate macOS Big Sur. Demo and usages: https://joeyonng.github.io/react-big-sur/

Primary LanguageJavaScriptMIT LicenseMIT

react-big-sur

A React UI component library that is built to simulate macOS Big Sur.

Demo and usages: https://joeyonng.github.io/react-big-sur/#/react-big-sur

Why

This project entirely came out from my attempt to build my personal website as a clone of the macOS Big Sur interface. All the components currently built are/will be used in my website. This library was still in the early stage of the development (and with high probability will never be finished).

Currently, this project is entirely for learning purposes, and I highly recommend not to use this library in any real-world applications. This library was never formally tested and may not have support for lots of use cases (Typescript, mobile browsers, etc.).

Install

npm install react-big-sur

Features

  • Dock, Widgets and Notifications are supported out of the box.
  • Various styles of Buttons and Lists.
  • Windows that support dragging and resizing thanks to react-rnd.
  • Animations built with react-spring.

Development

I will continue to devote my time on this project until I am satisfied with the final form. The final goal is to make all the components listed in apple's Human Interface Guidelines available in this library.

All issues/questions/suggestions/criticism are welcome!