open-index/open-npm huggingface dataset:
npm package: @renglo/rui
Description:  Base Components for Renglo.
Latest version: 1.1.5

# RUI (@renglo/rui)

A modern React UI component library built with Tailwind CSS and React Aria UI primitives.


## Installation (React + TypeScript)

```bash
npm install @renglo/rui
# or
yarn add @renglo/rui
# or
pnpm add @renglo/rui
```

### Peer Dependencies

Make sure you have the required peer dependencies installed:

```bash
npm install react react-dom
npm install @tailwindcss/typography
npm install tailwindcss-animate
npm tailwindcss-react-aria-components
```

### CSS Setup

Import the CSS file in your application:

```js
import '@renglo/rui/styles';
```

Or if you're using Tailwind CSS in your project, you can configure it to use the same design tokens by extending your `tailwind.config.js`:

```js
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    // ... your content paths
    "./node_modules/@renglo/rui/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
        background: "hsl(var(--background))",
        foreground: "hsl(var(--foreground))",
        primary: {
          DEFAULT: "hsl(var(--primary))",
          foreground: "hsl(var(--primary-foreground))",
        },
        // ... other colors
      },
    },
  },
  plugins: [],
}
```

## Usage (Components and Pages)

### Example: Using a component (Button)

```jsx
import { Button } from '@renglo/rui';
import '@renglo/rui/styles';

function App() {
  return (
    <div>
      <Button>Primary Button</Button>
      <Button color="secondary">Secondary</Button>
      <Button color="tertiary">Tertiary</Button>
    </div>
  );
}
```

### Example: Using a page (prebuilt example)

```jsx
// Import a namespaced group of example pages
import { ApplicationDashboards01 } from '@renglo/rui';
import '@renglo/rui/styles';

// Render a full dashboard page component
export default function DashboardRoute() {
  return <ApplicationDashboards01.Dashboard01 />;
}
```


## Development

```bash
# Install dependencies
pnpm install

# Start Storybook
pnpm start:docs

# Run tests
pnpm test

# Build library
pnpm build

# Build Storybook
pnpm build:docs
```

### Storybook

Explore components interactively in Storybook:

```bash
pnpm run start:docs
```

Visit http://localhost:6006 to see all components in action.


## License

MIT License - see the [LICENSE](LICENSE) file for details.

## Dependencies

This library depends on:
- [React Aria UI](https://react-spectrum.adobe.com/react-aria/components.html) for accessible primitives
- [Tailwind CSS](https://tailwindcss.com/) for styling
- [Class Variance Authority](https://cva.style/) for component variants
- [Lucide React](https://lucide.dev/) for icons (optional)

## Installing Package locally (Test only)
pnpm add /Users/cid/Code/friendlyface/RENGLO-UI/renglo-rui-1.1.2.tgz
npm package: @rengr/heatmap.js
Description: Dynamic JavaScript Heatmaps for the Web
Author: Patrick Wied
Latest version: 2.0.10

# heatmap.js
Dynamic Heatmaps for the Web. 

[<img src="http://www.patrick-wied.at/static/heatmapjs/assets/img/heatmapjs-examples-docs-banner.jpg" width="100%">](http://www.patrick-wied.at/static/heatmapjs/?utm_source=gh "View the heatmap.js website with usage examples, showcases, best practises, plugins ( googlemaps heatmap, leaflet) and more.")

## How to get started

The fastest way to get started is to install heatmap.js with bower. Just run the following command:

`bower install heatmap.js-amd`

This will download the latest working version of heatmap.js and put it in your bower_components folder.

Alternatively you could just download [the latest release](https://github.com/pa7/heatmap.js/releases) from github and unzip it.


The file you're ultimately looking for is **heatmap.js** or **heatmap.min.js**



heatmap.js is also hosted on npm:

`npm install heatmap.js`



### How to run the local examples

Start a webserver (e.g. python SimpleHTTPServer from the project directory root):

`python -m SimpleHTTPServer 1337 &`

Then browse to 

`http://localhost:1337/examples/`


## Get involved

Please have a look at the [contribution guidelines](CONTRIBUTE.md) before submitting contributions. 

**Disclaimer**: PRs can take time to receive feedback or be merged ( I'm only one person with very little time ) but I'm trying to get back to everyone eventually

## Questions?

In order to keep technical questions in a central place where other people can learn from it, the best thing you can do is [post your question to stackoverflow with the tag **heatmap.js**.](http://stackoverflow.com/questions/ask?tags=heatmap.js) 

If you do have a very specific question (or need commercial support) don't hesitate to contact me directly [via email](mailto:heatmap-q@patrick-wied.at).


## Mailing list

Want to receive the latest updates and news about heatmap.js? 

There is a [mailing list](http://eepurl.com/0mmV5). No spam, just news and important updates.