Overview:

Brix UI is a minimal UI framework for React built with TypeScript and styled-components. It provides a styled-component library with several packages that include context, score grid, hooks, icons, prop-types, theme, types, and utilities. The core package offers a full-on experience of the framework.

Features:

• Minimal UI framework: Brix UI is a lightweight UI framework built specifically for React applications.
• TypeScript support: Built with TypeScript, Brix UI provides type safety and improved developer experience.
• Styled-components: Brix UI utilizes styled-components for defining and styling the UI components.

Installation:

To install Brix UI, make sure you have react, react-dom, and styled-components installed as they are included as peer dependencies. Then, follow these steps:

1. Install Brix UI using npm:

npm install brix-ui

2. Wrap your application in the ThemeProvider component to provide the Brix UI theme:

import React from 'react';
import { ThemeProvider } from 'brix-ui';

function App() {
  return (
    <ThemeProvider>
      {/* Your application components */}
    </ThemeProvider>
  );
}

export default App;

3. Start using the Brix UI framework within your application.

For more examples and detailed usage instructions, refer to the readme file in the theme package.

Summary:

Brix UI is a minimal UI framework for React that provides a styled-component library. It is built with TypeScript and offers a range of packages including context, score grid, hooks, icons, prop-types, theme, types, and utilities. By following the installation guide and wrapping your application with the ThemeProvider component, you can start using the Brix UI framework in your React application. The framework is lightweight and offers type safety with improved developer experience.