Cebus

Cebus is a simple collection of fast, clean, and accessible components ready to be used and customized on React based applications. Our components are built using utilities from FluentUI and work hand in hand.

Installation

Using NPM

npm install @cebus/react-button

Using Yarn

yarn add @cebus/react-button

Use

import { Provider } from '@cebus/react-provider';
import { webLightTheme } from '@cebus/react-theme';
import { Button } from '@cebus/react-button';

const MyApp = () => {
  return (
    <Provider theme={webLightTheme}>
      <Button>Hello World</Button>
    </Provider>
  );
};

With the FluentProvider.

import { FluentProvider } from '@fluentui/react-provider';
import { webLightTheme as cebusWebLightTheme } from '@cebus/react-theme';
import { webLightTheme as fluentWebLightTheme } from '@fluentui/react-theme';
import { Button as CebusButton } from '@cebus/react-button';
import { Button as FluentButton } from '@fluentui/react-button';

const MyApp = () => {
  return (
    <FluentProvider theme={{ ...cebusWebLightTheme, ...fluentWebLightTheme }}>
      <CebusButton>Hello World</CebusButton>
      <FluentButton>Hello World</FluentButton>
    </FluentProvider>
  );
};

Licenses

All of our code is licensed under the terms of the MIT license.

Background

Previously called pongo-ui (the scientific name of orangutan), cebus (scientific name of a capuchin monkeys) is a component library that introduces a simplistic themeing system and a huge amount of components for specfic use cases. It was built to help apps easily build unique visual experinces without having to construct their own components.