open-index/open-npm huggingface dataset:
npm package: @modsynth/analytics-client
Description: Frontend analytics client (Google Analytics)
Author: Modsynth Team
Latest version: 0.2.0

# Analytics Client

> Frontend analytics client (Google Analytics)

## Installation
```bash
npm install @modsynth/analytics-client
```

## Usage
```typescript
import { AnalyticsClient } from '@modsynth/analytics-client';

const analytics = new AnalyticsClient('GA-TRACKING-ID');

// Track page view
analytics.trackPageView('/home');

// Track event
analytics.trackEvent('User', 'signup', 'Newsletter', 1);
```

## Version
v0.1.0

## License
MIT
npm package: @modsynth/api-client
Description: REST API client based on Axios
Author: Modsynth Team
Latest version: 0.2.0

# API Client

> REST API client based on Axios

Part of the [Modsynth](https://github.com/modsynth) ecosystem.

## Features

- Axios-based HTTP client
- Automatic authentication token handling
- Request/response interceptors
- TypeScript support

## Installation

```bash
npm install @modsynth/api-client
```

## Quick Start

```typescript
import ApiClient from '@modsynth/api-client';

const client = new ApiClient({
  baseURL: 'https://api.example.com',
  timeout: 30000,
});

// Set auth token
client.setAuthToken('your-token');

// GET request
const users = await client.get('/users');

// POST request
const newUser = await client.post('/users', {
  name: 'John',
  email: 'john@example.com',
});

// PUT request
await client.put('/users/1', { name: 'Jane' });

// DELETE request
await client.delete('/users/1');
```

## Version

Current version: `v0.1.0`

## License

MIT
npm package: @modsynth/auth-client
Description: Authentication client for frontend (JWT + OAuth2.0)
Author: Modsynth Team
Latest version: 0.2.0

# Auth Client

> Authentication client for frontend (JWT + OAuth2.0)

Part of the [Modsynth](https://github.com/modsynth) ecosystem.

## Features

- JWT token management
- Login/logout functionality
- Token refresh
- React hooks for authentication state

## Installation

```bash
npm install @modsynth/auth-client @modsynth/api-client
```

## Quick Start

```tsx
import { AuthClient } from '@modsynth/auth-client';
import { ApiClient } from '@modsynth/api-client';
import { useAuth } from '@modsynth/auth-client/useAuth';

const apiClient = new ApiClient({ baseURL: 'https://api.example.com' });
const authClient = new AuthClient(apiClient);

function App() {
  const { isAuthenticated, isLoading, login, logout } = useAuth(authClient);

  if (isLoading) return <div>Loading...</div>;

  return isAuthenticated ? (
    <button onClick={logout}>Logout</button>
  ) : (
    <button onClick={() => login('user@example.com', 'password')}>Login</button>
  );
}
```

## Version

Current version: `v0.1.0`

## License

MIT
npm package: @modsynth/chart-components
Description: Chart components (Chart.js)
Author: Modsynth Team
Latest version: 0.2.0

# Chart Components

> Chart components (Chart.js)

## Installation
```bash
npm install @modsynth/chart-components chart.js react-chartjs-2
```

## Usage
```tsx
import { Line } from '@modsynth/chart-components';

const data = {
  labels: ['Jan', 'Feb', 'Mar'],
  datasets: [{ label: 'Sales', data: [10, 20, 30] }]
};

<Line data={data} />
```

## Version
v0.1.0

## License
MIT
npm package: @modsynth/error-handling
Description: Error Boundary error handling module
Author: Modsynth Team
Latest version: 0.2.0

# Error Handling

> Error Boundary error handling module

## Installation
```bash
npm install @modsynth/error-handling
```

## Usage
```tsx
import { ErrorBoundary } from '@modsynth/error-handling';

<ErrorBoundary fallback={<div>Error occurred</div>}>
  <App />
</ErrorBoundary>
```

## Version
v0.1.0

## License
MIT
npm package: @modsynth/i18n
Description: Internationalization module (i18next)
Author: Modsynth Team
Latest version: 0.2.0

# i18n Module

> Internationalization module (i18next)

## Installation
```bash
npm install @modsynth/i18n i18next react-i18next
```

## Usage
```typescript
import { useTranslation } from '@modsynth/i18n';

function App() {
  const { t } = useTranslation();
  return <h1>{t('welcome')}</h1>;
}
```

## Version
v0.1.0

## License
MIT
npm package: @modsynth/module-catalog-mcp
Description: MCP Server for module search and recommendation
Author: Modsynth Team
Latest version: 0.1.0

# Module Catalog MCP

> MCP Server for module search and recommendation

Part of the [Modsynth](https://github.com/modsynth) ecosystem.

## Features

- Search modules by keyword
- Get module recommendations
- Integration with Claude Code

## Installation

```bash
npm install -g @modsynth/module-catalog-mcp
```

## Usage with Claude Code

Add to your MCP settings:

```json
{
  "mcpServers": {
    "module-catalog": {
      "command": "npx",
      "args": ["-y", "@modsynth/module-catalog-mcp"]
    }
  }
}
```

## Tools

### search_modules
Search for modules by keyword, category, or technology.

### recommend_modules
Get module recommendations for a specific use case.

## Version

Current version: `v0.1.0`

## License

MIT
npm package: @modsynth/state-management
Description: Redux Toolkit state management module
Author: Modsynth Team
Latest version: 0.2.0

# State Management

> Redux Toolkit state management module

Part of the [Modsynth](https://github.com/modsynth) ecosystem.

## Features

- Redux Toolkit integration
- Type-safe hooks
- Store configuration

## Installation

```bash
npm install @modsynth/state-management @reduxjs/toolkit react-redux
```

## Version

Current version: `v0.1.0`

## License

MIT
npm package: @modsynth/table-components
Description: Table components (TanStack Table)
Author: Modsynth Team
Latest version: 0.2.0

# Table Components

> Table components (TanStack Table)

## Installation
```bash
npm install @modsynth/table-components @tanstack/react-table
```

## Usage
```tsx
import { useReactTable, getCoreRowModel, flexRender } from '@modsynth/table-components';

const columns = [
  { accessorKey: 'name', header: 'Name' },
  { accessorKey: 'age', header: 'Age' }
];

const data = [{ name: 'John', age: 30 }];

const table = useReactTable({
  data,
  columns,
  getCoreRowModel: getCoreRowModel()
});
```

## Version
v0.1.0

## License
MIT
npm package: @modsynth/ui-components
Description: React UI component library with Tailwind CSS
Author: Modsynth Team
Latest version: 0.2.0

# UI Components

> React UI component library with Tailwind CSS

Part of the [Modsynth](https://github.com/modsynth) ecosystem.

## Features

- Button component with variants and sizes
- Input component with labels and error states
- TypeScript support
- Tailwind CSS styling

## Installation

```bash
npm install @modsynth/ui-components
```

## Quick Start

```tsx
import { Button, Input } from '@modsynth/ui-components';

function App() {
  return (
    <div>
      <Button variant="primary" size="md">
        Click me
      </Button>

      <Input
        label="Email"
        type="email"
        placeholder="Enter your email"
        error="Invalid email"
      />
    </div>
  );
}
```

## Components

### Button

```tsx
<Button variant="primary|secondary|danger" size="sm|md|lg">
  Button Text
</Button>
```

### Input

```tsx
<Input
  label="Label Text"
  error="Error message"
  type="text"
  placeholder="Placeholder"
/>
```

## Version

Current version: `v0.1.0`

## License

MIT
npm package: @modsynth/websocket-client
Description: WebSocket real-time communication client
Author: Modsynth Team
Latest version: 0.2.0

# WebSocket Client

> WebSocket real-time communication client

## Installation
```bash
npm install @modsynth/websocket-client
```

## Usage
```typescript
import { WebSocketClient } from '@modsynth/websocket-client';

const ws = new WebSocketClient('ws://localhost:8080');
ws.connect(
  (data) => console.log('Received:', data),
  (error) => console.error('Error:', error)
);
ws.send({ type: 'message', payload: 'Hello' });
```

## Version
v0.1.0

## License
MIT
npm package: @modul-es/icons
Description: Icon component system
Author: @traf
Latest version: 0.2.7

# icons.Module();

A simple, modular icon component supporting multiple sets with consistent props & styling.


## Supported sets

`huge` `phosphor` `lucide` `pixelart`

## Usage

```tsx
import { Icon } from '@modul-es/icons';

// Basic usage
<Icon set="huge" name="home-01" />

// Colors (Tailwind/hex)
<Icon set="lucide" name="sun" color="yellow-400" />
<Icon set="lucide" name="moon" color="#1e293b" />

// Size variants (xs, sm, md, lg, xl)
<Icon set="phosphor" name="spade" size="xs" />
<Icon set="phosphor" name="spade" size="sm" />
<Icon set="phosphor" name="spade" size="md" />
<Icon set="phosphor" name="spade" size="lg" />
<Icon set="phosphor" name="spade" size="xl" />

// Phosphor style variants
<Icon set="phosphor" name="heart" style="thin" />
<Icon set="phosphor" name="heart" style="light" />
<Icon set="phosphor" name="heart" style="bold" />
<Icon set="phosphor" name="heart" style="fill" color="red-500" />
<Icon set="phosphor" name="heart" style="duotone" color="purple-500" />

// Stroke width (for stroke-based icons)
<Icon set="lucide" name="circle" stroke="1" />
<Icon set="lucide" name="circle" stroke="1.5" /> (default)
<Icon set="lucide" name="circle" stroke="2" />
<Icon set="lucide" name="circle" stroke="2.5" />

// ClassName for custom styling
<Icon set="pixelart" name="command" className="rotate-45 opacity-50" />
```

## Site

Search & copy icon names, SVGs, and components → [modul.es/icons](https://modul.es/icons).
npm package: @modul8co/homebridge-hikvision-nvr
Description: Example Config:
Latest version: 1.0.2

# Homebridge Hikvision NVR plugin

Example Config:

{
    "platform": "Hikvision-NVR",
    "name": "Hikvision-NVR",
    "secure": false,
    "host": "192.168.1.199",
    "port": 8080,
    "username": "admin",
    "password": "Secure_password_here",
    "motionRetriggerInSeconds": 60
}