open-index/open-npm huggingface dataset:
npm package: @gezellig/astro-simple-critical-css
Description: Simple Astro integration that generates critical CSS using beasties and inlines it into the HTML.
Author: Nathaniel Williams
Latest version: 0.1.0

# Simple Critical CSS integration for Astro

This is an Astro integration that generates inline critical CSS for your Astro site on build and shouldn't require any set up to work.

## Setup with astro add

```bash
npx astro add @gezellig/astro-simple-critical-css
```

Then confirm your `astro.config.*` includes the integration:

```ts
import { defineConfig } from 'astro/config';
import simpleCriticalCss from '@gezellig/astro-simple-critical-css';

export default defineConfig({
    integrations: [simpleCriticalCss()],
});
```

## Manual setup

Install the package:

```bash
npm install @gezellig/astro-simple-critical-css
```

Add it to your Astro config:

```ts
import { defineConfig } from 'astro/config';
import simpleCriticalCss from '@gezellig/astro-simple-critical-css';

export default defineConfig({
    integrations: [simpleCriticalCss()],
});
```

## Configuration

There are a few options you can set, all are optional:

- `name`  
    Integration name used by Astro. Default: `astro-simple-critical-css`.
- `beastiesOptions`  
  Options passed to Beasties. See Beasties usage docs: https://github.com/danielroe/beasties?tab=readme-ov-file#usage
  Note: The `path` option will always be overridden by the integration.
- `globOptions`    
  Options passed to `fast-glob` when searching built HTML files. See fast-glob options docs: https://github.com/mrmlnc/fast-glob?tab=readme-ov-file#options-3  
  Note: The `absolute` option is always set to `true`, as the integration relies on it.

### Example

```ts
export default defineConfig({
    integrations: [
        simpleCriticalCss({
            beastiesOptions: {
                preload: 'swap',
                fonts: true,
            },
        }),
    ],
});
```
npm package: @gf_xinyi/menu-tree
Description: 菜单tree组件
Latest version: 0.1.0

# menu-tree

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @gfa-eshal/chat-widget
Description: Beautiful, embeddable chat widget for GFA Consulting Group with dark mode support
Author: Your Company
Latest version: 0.1.2

# Eshal Chat Widget

A beautiful, production-ready chat widget with dark mode support, quick questions, and smooth animations.

## Features

- 🎨 **Beautiful Design** - Modern, professional UI inspired by Intercom
- 🌓 **Dark Mode** - Full dark mode support with smooth transitions
- ⚡ **Quick Questions** - Pre-defined clickable questions for users
- 🤖 **Bot Avatar** - Customizable bot avatar for assistant messages
- 📱 **Responsive** - Works perfectly on all devices
- 🚀 **Lightweight** - Optimized bundle size and performance

## Quick Start

### Installation

```bash
npm install
npm run build
```

### Usage

```html
<!-- Include the widget -->
<link rel="stylesheet" href="dist/index.css">
<script src="dist/chat-widget.min.js"></script>

<script>
  ChatWidget.init({
    companyName: "Your Company",
    companyLogo: "https://example.com/logo.png",
    primaryColor: "#2563eb",
    quickQuestions: [
      "What are your business hours?",
      "How can I contact support?",
      "What services do you offer?"
    ],
    apiBaseUrl: "https://your-api.com",
    organizationId: "your-org-id"
  });
</script>
```

## Configuration

| Option | Type | Default | Description |
|--------|------|---------|-------------|
| `companyName` | string | "Support Team" | Company/team name |
| `companyLogo` | string | null | Company logo URL |
| `primaryColor` | string | "#2563eb" | Primary brand color |
| `quickQuestions` | string[] | [] | Array of quick questions |
| `darkMode` | boolean | false | Enable dark mode |
| `position` | string | "bottom-right" | Widget position |
| `apiBaseUrl` | string | null | API endpoint URL |
| `organizationId` | string | null | Organization ID |

## API Methods

```javascript
// Open the widget
ChatWidget.open();

// Close the widget
ChatWidget.close();

// Toggle theme
ChatWidget.toggleTheme();

// Update configuration
ChatWidget.updateConfig({ primaryColor: "#ff0000" });

// Send message programmatically
ChatWidget.sendMessage("Hello!");

// Destroy the widget
ChatWidget.destroy();
```

## Development

```bash
# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Generate TypeScript definitions
npm run generate-types
```

## License

MIT
npm package: @gfazioli/react-animatecss
Description: The Animate CSS porting for React
Author: Giovambattista Fazioli
Latest version: 0.4.1

# Overview

![version](https://img.shields.io/npm/v/@gfazioli/react-animatecss.svg)
![license](https://img.shields.io/npm/l/@gfazioli/react-animatecss.svg)
![GitHub issues](https://img.shields.io/github/issues/gfazioli/react-animatecss.svg)
![type](https://img.shields.io/npm/types/@gfazioli/react-animatecss.svg)
![last-commit](https://img.shields.io/github/last-commit/gfazioli/react-animatecss.svg)
![npm](https://img.shields.io/npm/dm/@gfazioli/react-animatecss.svg)

Porting of [Animate CSS](https://github.com/daneden/animate.css) as React components

## Installation

You can use either **npm**

```bash
npm i @gfazioli/react-animatecss
```

or **yarn**

```bash
yarn add @gfazioli/react-animatecss
```

## Basic Usage

First of all, remember to import the component.

```jsx
import React from "react"

import {Zoom} from "@gfazioli/react-animatecss"

function Application() {

  return (
    <Zoom animate={true}>
      <h1>Hello, World!</h1>
    </Zoom>
  )

}
```

## Documentation

See the complete [documentation and intercative playground](https://gfazioli.github.io/react-animatecss/)

## Credits

This package is based of [Animate.css](https://github.com/daneden/animate.css).


## Contributing

Thanks for any your contribute 👏.

## Bugs 🐛

Use the GitHub issues.

## License

Licensed under the MIT license. (http://opensource.org/licenses/MIT). Copyright (c) Giovambattista Fazioli 2019.

## Code of Conduct

This project and everyone participating in it is governed by the [Contributor Covenant Code of Conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [giovambattista.fazioli@gmail.com](mailto:giovambattista.fazioli@gmail.com).