Awesome UI Blocks Library for everyone ⚡️

Table of Contents

• Awesome UI Blocks Library for everyone ⚡️
  • Table of Contents
  • Installation
  • Usage
  • Issues
    • 🐛 Bugs
    • 💡 Feature Requests
  • NX
  • Building
    • Credits

Installation

This module is distributed via npm which is bundled with node and should be installed as one of your project's dependencies:

npm install --save @awesome-tools/ui-blocks

Usage

Import the styles.css file in your project:

@import '@awesome-tools/ui-blocks/styles.css';

You don't need to import the styles.css file from @awesome-tools/ui package as the styles from @awesome-tools/ui-blocks package already include the styles from @awesome-tools/ui package.

Source the @awesome-tools/ui and @awesome-tools/ui-blocks packages so that tailwind can find and include the styles to generate:

@source '../../../../node_modules/@awesome-tools/ui/dist';
@source '../../../../node_modules/@awesome-tools/ui-blocks/dist';

[!NOTE] You'll have to source the @awesome-tools/ui package even if you're not directly using it in your project since the @awesome-tools/ui-blocks package depends on the @awesome-tools/ui package.

import the package in your module:

import { Auth } from '@awesome-tools/ui-blocks'

Issues

Looking to contribute? Look for the Good First Issue label. 😀

🐛 Bugs

Please file an issue for bugs, missing documentation, or unexpected behavior.

See Bugs

💡 Feature Requests

Please file an issue to suggest new features. Vote on feature requests by adding a 👍. This helps maintainers prioritize what to work on.

NX

This library was generated with Nx.

Building

Run nx build ui-blocks to build the library.

Credits

This project wouldn't have been possible without the amazing work done by

Base UI

Shadcn UI

Storybook

Chromatic

TailwindCSS

Tanstack React Table