UIKit

A set of flexible, highly practical, and efficient React components for creating rich web applications.

Install

npm install --save-dev asterix-ui

Usage

import React from "react";
import { Button } from "asterix-ui";

const Button = <Button view="primary" size="m" />;

Styles

UIKit comes with base styling and theme. In order to everything look nice include this at the top of your entry file:

// App.css

@import "asterix-ui/styles/styles";
@import "asterix-ui/styles/fonts";

// ...

UIKit supports different themes: light and dark. Your app must be rendered inside ThemeProvider:

import { createRoot } from "react-dom/client";
import { ThemeProvider } from "asterix-ui";

createRoot(document.getElementById("root")!).render(
  <ThemeProvider theme="light">
    <App />
  </ThemeProvider>
);