open-index/open-npm huggingface dataset:
npm package: 3d-react-carousal
Description: 3D carousel in react
Author: Suhail C
Latest version: 5.0.0

# React 3D Carousel component
3D carousel component in react (with swipe support).

### Demo 
![Demo](https://i.imgur.com/aa2QTOx.gif)

jsfiddle (https://jsfiddle.net/suhailsulu/8hnqaz2c/) 

## Installation

#### npm 

```
 npm i 3d-react-carousal
```
#### yarn
```
 yarn add 3d-react-carousal
```
##### Add fa-css in public.html for arrows

```
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
```

##### Importing the component
```shell
import {Carousel} from '3d-react-carousal';
.
.
.
let slides = [
    <img  src="https://picsum.photos/800/300/?random" alt="1" />,
    <img  src="https://picsum.photos/800/301/?random" alt="2" />  ,
    <img  src="https://picsum.photos/800/302/?random" alt="3" />  ,
    <img  src="https://picsum.photos/800/303/?random" alt="4" />  ,
    <img src="https://picsum.photos/800/304/?random" alt="5" />   ];
.
.
.
.
const callback = function(index){
    console.log("callback",index);
}
.
.
<Carousel slides={slides} autoplay={true} interval={1000} onSlideChange={callback}/>

```
### props 
<b>slides :-</b> Array of react components  
<b>autoplay :-</b> Boolean (true or false) - optional  
<b>interval :-</b> number (time in milliseconds) - optional  
<b>arrows :-</b> Boolean (true or false) - optional  
<b>onSlideChange :-</b> callback function with index of the slide as argument - optional  
You can give any component in the slides like images, divs or even your custom components
npm package: 3d-react-carousel
Description: A 3D React Library
Author: devphenom
Latest version: 1.0.0

# 3d-react-carousel

> A 3D React Library

[![NPM](https://img.shields.io/npm/v/3d-react-carousel.svg)](https://www.npmjs.com/package/3d-react-carousel) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save 3d-react-carousel
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from '3d-react-carousel'
import '3d-react-carousel/dist/index.css'

const Example = () => {
  return (
    <div>
      <Carousel>
        <img src='https://picsum.photos/800/304/?random' alt='5' />
        <img src='https://picsum.photos/801/304/?random' alt='5' />
        <img src='https://picsum.photos/802/304/?random' alt='5' />
        <img src='https://picsum.photos/803/304/?random' alt='5' />
        <img src='https://picsum.photos/805/304/?random' alt='5' />
        <img src='https://picsum.photos/806/304/?random' alt='5' />
        <img src='https://picsum.photos/807/304/?random' alt='5' />
      </Carousel>
    </div>
  )
}
```

## License

MIT © [devphenom](https://github.com/devphenom)
npm package: 3d-react-carousel-ts
Description: 3D carousel in react converted for typescript
Author: Suhail C
Latest version: 1.1.0

# React 3D Carousel component
3D carousel component in react (with swipe support).

### Demo 
![Demo](https://i.imgur.com/aa2QTOx.gif)

jsfiddle (https://jsfiddle.net/suhailsulu/8hnqaz2c/) 

## Installation

#### npm 

```
 npm i 3d-react-carousal
```
#### yarn
```
 yarn add 3d-react-carousal
```
##### Add fa-css in public.html for arrows

```
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
```

##### Importing the component
```shell
import {Carousel} from '3d-react-carousal';
.
.
.
let slides = [
    <img  src="https://picsum.photos/800/300/?random" alt="1" />,
    <img  src="https://picsum.photos/800/301/?random" alt="2" />  ,
    <img  src="https://picsum.photos/800/302/?random" alt="3" />  ,
    <img  src="https://picsum.photos/800/303/?random" alt="4" />  ,
    <img src="https://picsum.photos/800/304/?random" alt="5" />   ];
.
.
.
.
const callback = function(index){
    console.log("callback",index);
}
.
.
<Carousel slides={slides} autoplay={true} interval={1000} onSlideChange={callback}/>

```
### props 
<b>slides :-</b> Array of react components  
<b>autoplay :-</b> Boolean (true or false) - optional  
<b>interval :-</b> number (time in milliseconds) - optional  
<b>arrows :-</b> Boolean (true or false) - optional  
<b>onSlideChange :-</b> callback function with index of the slide as argument - optional  
You can give any component in the slides like images, divs or even your custom components
npm package: 3d-rotation
Description: A testing project to calculate Euler rotations
Author: kaelzhang
Latest version: 0.0.1

[![Build Status](https://github.com/kaelzhang/3d-rotation/actions/workflows/nodejs.yml/badge.svg)](https://github.com/kaelzhang/3d-rotation/actions/workflows/nodejs.yml)
[![Coverage](https://codecov.io/gh/kaelzhang/3d-rotation/branch/master/graph/badge.svg)](https://codecov.io/gh/kaelzhang/3d-rotation)

# 3d-rotation

A JavaScript library to calculate Euler rotations

## Install

```sh
$ npm i 3d-rotation
```

## Usage

```js
const d_euler_to_rodrigues = require('3d-rotation')
```

## License

[MIT](LICENSE)