Skip to content

Latest commit

 

History

History
94 lines (61 loc) · 2.34 KB

README.md

File metadata and controls

94 lines (61 loc) · 2.34 KB

Ocean UI

Build Accessible and Atomic CSS React Apps with Speed ⚡️


MIT License Github Stars


Ocean UI provides a set of accessible, reusable, and composable React components that make it super easy to create websites and apps.

Looking for the documentation? 📝

It's the website for the latest version of Ocean UI.

Features 🚀

  • Ease of Styling: Ocean UI contains a set of layout components like ocean.div that make it easy to style your components by passing props.

  • Flexible & composable: Ocean UI components are built on top of a React UI

  • Atomic & Speed

  • Dark Mode 😍 and twenty colorScheme custom theme

Support Ocean UI 💖

By donating $1 or more you can support the ongoing development of this project. We'll appreciate some support. Thank you to all our supporters! 🙏

Installing Ocean UI

To use Ocean UI components, all you need to do is install the @cyan-ocean/ui package:

$ yarn add @cyan-ocean/ui

# or

$ npm i @cyan-ocean/ui

Usage

To start using the components, please follow these steps:

  1. Wrap your application with the GlobalThemeProvider provided by @cyan-ocean/ui.
import { GlobalThemeProvider } from '@cyan-ocean/ui';

// Do this at the root of your application
function App({ children }) {
  return <GlobalThemeProvider>{children}</GlobalThemeProvider>;
}
  1. Now you can start using components like so!:
import { Button } from '@cyan-ocean/ui';

function Example() {
  return <Button type="primary">I just consumed some ⚡️Chakra!</Button>;
}

More guides on how to get started are available

CodeSandbox Templates

Testing supported by

BrowserStack

License

MIT © Cyan Benjamin