open-index/open-npm huggingface dataset:
npm package: @hanzo/docs-create-app
Description: Create a new documentation site with Fumadocs
Author: Fuma Nama
Latest version: 16.0.80

# Create Hanzo Docs App

A CLI tool to create new documentation sites with Hanzo Docs.

```bash
npx create-hanzo-docs-app
#or
pnpm create hanzo-docs-app
#or
yarn create hanzo-docs-app
```
npm package: @hanzo/embed-react
Description: React library to display flowise chatbot on your website
Latest version: 1.0.3

<!-- markdownlint-disable MD030 -->

# Hanzo Embed React

React library to display flowise chatbot on your website

![Hanzo](https://github.com/FlowiseAI/FlowiseChatEmbed/blob/main/images/ChatEmbed.gif?raw=true)

## Install

```bash
npm install @hanzo/embed @hanzo/embed-react
```

or

```bash
yarn add @hanzo/embed @hanzo/embed-react
```

## Import

Full Page Chat

```tsx
import { FullPageChat } from '@hanzo/embed-react'

const App = () => {
    return <FullPageChat chatflowid='your-chatflow-id' apiHost='http://localhost:3000' />
}
```

Popup Chat

```tsx
import { BubbleChat } from '@hanzo/embed-react'

const App = () => {
    return <BubbleChat chatflowid='your-chatflow-id' apiHost='http://localhost:3000' />
}
```
npm package: @hanzo/gui-animations-motion
Description: Motion animation driver for Hanzo GUI, powered by the [Motion](https://motion.dev) library and the Web Animations API (WAAPI).
Latest version: 2.0.0-rc.29

# @hanzo/gui-animations-motion

Motion animation driver for Hanzo GUI, powered by the [Motion](https://motion.dev) library and the Web Animations API (WAAPI).

## Features

- **Hybrid Engine**: Combines JavaScript animations with native WAAPI for GPU-accelerated performance
- **Spring Physics**: Natural, physics-based animations with intuitive `damping`, `stiffness`, and `mass` parameters
- **Independent Transforms**: Animate `x`, `y`, `scale`, `rotate` properties separately with different configurations
- **Compositor Thread**: Runs animations smoothly even when the main thread is busy
- **Web-Only**: Optimized for modern web browsers with WAAPI support

## Installation

```bash
yarn add @hanzo/gui-animations-motion motion
```

## Usage

Add to your Hanzo GUI configuration:

```tsx
import { createAnimations } from '@hanzo/gui-animations-motion'
import { createGui } from '@hanzo/gui'

export default createGui({
  animations: createAnimations({
    bouncy: {
      type: 'spring',
      damping: 9,
      mass: 0.9,
      stiffness: 150,
    },
    quick: {
      type: 'spring',
      damping: 20,
      mass: 1.2,
      stiffness: 250,
    },
    '100ms': {
      duration: 100,
    },
  }),
  // ...
})
```

## Animation Types

### Spring Animations

```tsx
{
  type: 'spring',
  damping: 10,    // Higher = less bouncy
  stiffness: 100, // Higher = faster
  mass: 1,        // Higher = more inertia
}
```

### Tween Animations

```tsx
{
  duration: 200, // Duration in milliseconds
}
```

## Documentation

For complete documentation, see the [Gui Animations docs](https://gui.hanzo.ai/docs/core/animations).
npm package: @hanzo/gui-lucide-icons-2
Description: React Native components for Lucide icons - native and web
Latest version: 2.0.0-rc.29

## React Native Lucide Icons

[![npm](https://img.shields.io/npm/v/@hanzo/gui-lucide-icons-2.svg)](https://www.npmjs.com/package/@hanzo/gui-lucide-icons-2)

#### Simply beautiful SVG icons as React Native SVG components.

This repository is a copy of the [React Feather](https://github.com/colebemis/react-feather) project.

The main difference between them is that this project outputs React Native SVG components that will render on React Native platforms.

### Installation

    npm install @hanzo/gui-lucide-icons-2 --save

You will also need to ensure you have installed [React Native SVG](https://github.com/react-native-community/react-native-svg) into your project.

#### Usage

```javascript
import { Camera } from '@hanzo/gui-lucide-icons-2'

class MyClass extends React.Component {
  render() {
    return <Camera />
  }
}
```

If you are using WebPack, you can import only one icon.

```javascript
import Camera from '@hanzo/gui-lucide-icons-2/dist/icons/camera'

class MyClass extends React.Component {
  render() {
    return <Camera />
  }
}
```

If you can't use ES6 imports, it's possible to include icons from the compiled folder ./dist.

```javascript
var Camera = require('@hanzo/gui-lucide-icons-2/dist/icons/camera').default

var MyComponent = React.createClass({
  render: function () {
    return <Camera />
  },
})
```

You can also include the whole icon pack:

```javascript
import * as Icon from '@hanzo/gui-lucide-icons-2'

class MyClass extends React.Component {
  render() {
    return <Icon.Camera />
  }
}
```

Icons can be configured with inline props:

```javascript
<Icon.AlertCircle color="red" size={48} />
```
npm package: @hanzo/gui-react-native-web-lite
Description: React Native for Web
Latest version: 2.0.0-rc.29

# react-native-web-lite

A tree-shakeable fork of react-native-web that replaces the style engine with simple inline styles.

## What is this?

This package keeps **all** the API surfaces of react-native-web, but makes them fully tree-shakeable by replacing the style engine with a simple inline style system.

This is ideal if you're using an alternative style engine (like Hanzo GUI, StyleX, etc.) and just want react-native API compatibility for non-style concerns.

## Trade-offs

Because the style engine is replaced with inline styles, **descendant-based styles are not supported**. This means things like `pointerEvents="box-none"` won't work as expected since they rely on react-native-web's CSS-based styling system.

If you need full react-native-web style support, use react-native-web directly.

## Features

- Full ESModule support
- Vite compatibility
- `sideEffects: false` + full tree shaking support
- TypeScript (converted from Flow)

## Setup

`@hanzo/gui-next-plugin` and `@hanzo/gui-vite-plugin` have an option `useReactNativeWebLite` to help automatically set this up.

With webpack, alias the following:

- `react-native-web$` => `react-native-web-lite`
- `react-native-svg` => `@hanzo/gui-react-native-svg`