# @vipindevelops/react-youtube

> This React component allows you to embed a YouTube video playlist into your web application with ease. It fetches data from the YouTube Data API and displays it in an organized and aesthetically pleasing manner.

Latest version **1.0.1** (published 2023-10-21) · ISC license · 0 weekly downloads

## Install

```sh
npm install @vipindevelops/react-youtube
pnpm add @vipindevelops/react-youtube
yarn add @vipindevelops/react-youtube
bun add @vipindevelops/react-youtube
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2023-10-21 |
| First published | 2023-10-21 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 97.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | vipindevelops |

## Links

- npm: https://www.npmjs.com/package/@vipindevelops/react-youtube
- npm.io page: https://npm.io/package/@vipindevelops/react-youtube

## Dependencies (6)

- [clsx](https://npm.io/package/clsx.md) ^1.2.1
- [tailwindcss](https://npm.io/package/tailwindcss.md) ^3.2.4
- [lucide-react](https://npm.io/package/lucide-react.md) ^0.115.0
- [tailwind-merge](https://npm.io/package/tailwind-merge.md) ^1.9.1
- [tailwindcss-animate](https://npm.io/package/tailwindcss-animate.md) ^1.0.5
- [class-variance-authority](https://npm.io/package/class-variance-authority.md) ^0.4.0

## Recent versions

- 1.0.1 (latest) — 2023-10-21
- 1.0.0 — 2023-10-21

## README

# React YouTube Video Playlist Component

This React component allows you to embed a YouTube video playlist into your web application with ease. It fetches data from the YouTube Data API and displays it in an organized and aesthetically pleasing manner.

## Installation

To get started, install the component package using npm or yarn:

```
npm i @vipindevelops/react-youtube

yarn add @vipindevelops/react-youtube
```

## Example 
```

import { YouTube } from '@vipindevelops/react-youtube';

const MyYouTubeComponent = () => {
  return (
    <YouTube
      playlistId="YOUR_PLAYLIST_ID"
      API_Key="YOUR_YOUTUBE_API_KEY"
      count={10}
      sort={true}
      title="My Playlist"
      styleOverrides={{
        main: 'custom-main-style',
        VideoListItem: 'custom-video-list-item-style',
        // Add more style overrides as needed
      }}
    />
  );
};

export default MyYouTubeComponent;

```

---
_Source: https://npm.io/package/@vipindevelops/react-youtube · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._