open-index/open-npm huggingface dataset:
npm package: @msocial/eslint-config
Description: Configuration of code analyzer for the front-end team at M-Social production agency
Author: M-Social production agency
Latest version: 0.3.0
Deprecated: Use one of @m-social/eslint-config-{svelte,typescript,react,next} configs with ESLint v9 instead

# M-Social ESLint Config

Официальный ESLint конфиг для фронтенд-проектов в [M-Social](https://msocialproduction.ru/?utm_source=npm&utm_medium=config&utm_campaign=eslint)

## Установка

Установи пакет через любой пакетный менеджер:

```sh
pnpm i -D @msocial/eslint-config
```

```sh
npm i -D @msocial/eslint-config
```

```sh
yarn add -D @msocial/eslint-config
```

Также в проекте должны быть установлены следующие пакеты: `eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser`

## Использование

Есть несколько видов использования данного конфига:

- Добавить в `package.json` свойство `"eslintConfig": {"extends": "@msocial/eslint-config/next"}` или `"eslintConfig": {"extends": "@msocial/eslint-config/react"}`
- Создать файл `.eslintrc.json` с объектом внутри `{"extends": ["@msocial/eslint-config/next"]}` или `{"extends": ["@msocial/eslint-config/react"]}`

Подробнее о том, как можно использовать конфиг, можно прочитать на [официальном сайте](https://eslint.org/docs/v8.x/extend/shareable-configs#using-a-shareable-config). Там же можно узнать о том, как модифицировать конфигурацию
npm package: @msocial/prettier-config
Description: Shared Prettier config used by M-Social projects
Author: M-Social production agency
Latest version: 0.3.0
Deprecated: Use @m-social/prettier-config-react instead

# @msocial/prettier-config

Prettier config used at [M-Social](https://msocialproduction.com)

## Installation

Install the package via `pnpm` (or use any other package manager):

```sh
pnpm i -D @msocial/prettier-config-typescript
```

Also don't forget to install `prettier` peer dependency

## Usage

There are 3 ways of using this config:

- add `"prettier": "@msocial/prettier-config"` to your `package.json` (recommended)
- create `.prettierrc.json` file with `"@msocial/prettier-config"` string in it
- create `.prettierrc.mjs` and re-export `@msocial/prettier-config` from it:
    ```js
    import config from '@msocial/prettier-config';

    export default config;
    ```

Find more info about using Prettier config [here](https://prettier.io/docs/sharing-configurations#using-a-shareable-config).
npm package: @msokol/gradient-card-component
Description: A React component library providing 10 beautiful gradient card variations with subtle overlay effects, built with TypeScript and Tailwind CSS.
Latest version: 0.1.3

# @msokol/gradient-card-component

A React component library providing 10 beautiful gradient card variations with subtle overlay effects, built with TypeScript and Tailwind CSS.

## Installation

```bash
npm install @msokol/gradient-card-component
```

## Usage

```tsx
import { GradientCard } from '@msokol/gradient-card-component'
import '@msokol/gradient-card-component/styles'

export default function App() {
  return (
    <GradientCard
      variant="aurora"
      title="My Card"
      description="A card with a beautiful gradient overlay."
    />
  )
}
```

> **Note:** The styles import is required — without it the gradient overlay won't render.

## Props

| Prop | Type | Default | Description |
|---|---|---|---|
| `title` | `string` | — | Card heading (required) |
| `variant` | `GradientVariant` | `"original"` | Gradient theme |
| `description` | `string` | — | Body text |
| `footer` | `ReactNode` | — | Bottom slot content |
| `children` | `ReactNode` | — | Custom body content |
| `className` | `string` | — | Extra classes on the card |

## Variants

| Variant | Description |
|---|---|
| `original` | Classic blue to purple (7% opacity) |
| `sunset` | Warm orange to coral |
| `ocean` | Cool blue tones |
| `neon` | Electric green to hot pink |
| `aurora` | Multi-color northern lights |
| `ghost` | Ultra-subtle white |
| `ember` | Fire-inspired orange to red |
| `mint` | Refreshing mint to cyan |
| `lavender` | Soft purple tones |
| `intense` | Original at 20% opacity |

```tsx
import { GradientCard, GRADIENTS } from '@msokol/gradient-card-component'
import type { GradientVariant } from '@msokol/gradient-card-component'

// Render all variants
const variants = Object.keys(GRADIENTS) as GradientVariant[]

variants.map((variant) => (
  <GradientCard key={variant} variant={variant} title={variant} />
))
```

## Requirements

- React 19+

## License

MIT