open-index/open-npm huggingface dataset:
npm package: @pppaaattt/goodesign
Description: ## About
Latest version: 0.0.4

# Goodesign

## About

Building a design system for personal projects

## Resources

- [Bun JS](https://bun.sh/) for creating, building, & running app
- [Tailwind CSS](https://tailwindui.com/) for styling
- [shadcn/ui](https://ui.shadcn.com/) for scaffolding [Radix UI](https://www.radix-ui.com/) primitive ui components

## References

- Followed Tutorial: [Creating a Component Library Fast🚀(using Vite's library mode)](https://dev.to/receter/how-to-create-a-react-component-library-using-vites-library-mode-4lma)
npm package: @pppaaattt/goodui
Description: A design system for personal projects, providing a minimal setup to get React working in Vite with HMR and some ESLint rules. It is designed to be lightweight, flexible, and easy to use, making it ideal for personal projects where simplicity and speed are
Latest version: 0.0.16

# [goodui](https://github.com/goodeats/goodui)

A design system for personal projects, providing a minimal setup to get React working in Vite with HMR and some ESLint rules. It is designed to be lightweight, flexible, and easy to use, making it ideal for personal projects where simplicity and speed are key.

## Installation

To install GoodUI, you can use the following command:

```
bun i -D @pppaaattt/goodui
```

### Local dev installation:

Within this component library module:

```
bun link
```

Within the importing project:

```
bun link @pppaaattt/goodui
```

**Note:** You may need to link react from the project repo back to this one.

## Usage

After installation, you can import and use GoodUI components in your project like so:

```
import { Button } from '@pppaaattt/goodui';

function App() {
  return <Button>Click me</Button>;
}
```

## Resources

Here are some frameworks and libraries that `goodui` uses:

- [Bun JS](https://bun.sh/) - A modern JavaScript bundler.
- [React](https://react.dev/) - A JavaScript library for building user interfaces.
- [Vite](https://vitejs.dev/) - A build tool that aims to provide a faster and leaner development experience for modern web projects.
- [ESLint](https://eslint.org/) - A tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework for rapidly building custom user interfaces.
- [Radix UI](https://www.radix-ui.com) - A low-level UI component library with a focus on accessibility, customization and developer experience.
- [shadcn/ui](https://ui.shadcn.com) - Beautifully designed components built with Radix UI and Tailwind CSS.
- [clsx](https://www.npmjs.com/package/clsx) - A tiny utility for constructing `className` strings conditionally.
- [Storybook JS](https://storybook.js.org/) - An open source tool for developing UI components in isolation.
- [Husky](https://typicode.github.io/husky/) - pre-commit hooks to lint code, run tests, etc to keep code clean
- [Cursor](https://www.cursor.so/) - An AI-powered IDE that extends the functionality of VS Code. (Personal Note: I am practicing a lot with this IDE while building this project)

<!-- I will be updating this as time goes on -->