Skip to content

NilFoundation/ui-kit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Feb 20, 2025
110f72c · Feb 20, 2025
Oct 3, 2024
Apr 18, 2024
Apr 10, 2024
Feb 20, 2025
Nov 21, 2023
Apr 17, 2024
Jun 14, 2023
Feb 16, 2024
Feb 16, 2024
Jun 14, 2023
Jun 14, 2023
Nov 5, 2023
Oct 3, 2024
May 22, 2023
Jan 15, 2024
May 22, 2023
Feb 26, 2024
Feb 27, 2024
Feb 20, 2025
Feb 20, 2025
Feb 26, 2024
Jun 14, 2023
Jan 24, 2024

Repository files navigation

=nil; Foundation user interface kit


UI components library to build React applications using =nil; pre-designed styles out of the box.

Build Npm version License: MIT Minified size

Table of contents

Getting started

npm

npm install @nilfoundation/ui-kit baseui styletron-engine-atomic styletron-react

yarn

yarn add @nilfoundation/ui-kit baseui styletron-engine-atomic styletron-react

CDN

<script src="https://unpkg.com/@nilfoundation/ui-kit/dist/ui-kit.iife.js"></script>

Notice, that global React variable should be accessible, because it is not included in the standalone bundle.

Usage

import { BaseProvider } from "baseui";
import { Client as Styletron } from "styletron-engine-atomic";
import { Provider as StyletronProvider } from "styletron-react";
import { createTheme, Button } from "@nilfoundation/ui-kit";

const engine = new Styletron();
const { theme } = createTheme(engine);

function App() {
  return (
    <StyletronProvider value={engine}>
      <BaseProvider theme={theme}>
        <Button>Button Label</Button>
      </BaseProvider>
    </StyletronProvider>
  );
}

SSR

Use this workaround to make Styletron, which this package is levelraging, work with SSR.

License

MIT