@UiReact is a themed library of react components for react web applications that are built with styled components and framer motion. These components are ready to use 2 colorations for light and dark themes.

We also publish a few utils hooks that help to achieve multiple tasks easier in your applications.

Select the package manager you will be using:

Make sure you also install all the peer dependencies:

We suggest you use Next JS for your react app. They also have a doc page for getting 💅🏾 styled components set up in Next JS.

Create a wrapper component that is used to wrap your views and use the UiView like this:

import React from 'react';

import { DefaultTheme } from '@uireact/foundation';
import { UiView } from '@uireact/view';

export const MyWrapper = ({ children }) => (
  <UiView theme={DefaultTheme} selectedTheme={ThemeColor.light}>
    {children}
  </UiView>
);
            

If you used the automatic script this has been taken care already

@UiReact brings a default theme that can be used for your web app, however if you want to customize colors, fonts, sizes, etc... Then you can create your own theme