Create-React-App

Just install the packages as defined in Getting Started and import the components you need.

To get Styling and your default theme up and running, import your theme from your theming package, then import and use the globalStyles function from the @neui/core package in lieu of statically rendered CSS and implement them in your App like so:

import { Box } from "@neui/layout";
import { defaultTheme } from "@neui/core";
import { yourTheme } from "your-package";

function App() {
  globalStyles();

  return (
    <div className={`${yourTheme}`}>
      <Box margin={{ base: 10, md: 30 }}>Box Content</Box>
    </div>
  );
}

export default App;

To learn more about theming, please visit the Tokens, Theming and white-lablling page in within the docs.