🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

react-screen is a React component used for generating a carousel to present your banner in a fancy way. Features: Immersive: fullscreen, full experience. Customizable: put whatever you like. Modularized: clean, clear, clever. Live Preview:

Carousel Featured React

Documentation

react-screen

A lot of boring carousels? Let's try something else!

Demo

Full documentation @react-screen.

Get Started

1.Install react-screen.

# Via npm npm install react-screen  # Via Bower bower install react-screen 

2.Import react & react-screen.

import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import { Screen, ScreenSlice } from 'react-screen';

3.Import stylesheet.

// In jsx import styles from 'node_modules/react-screen/dist/css/react-screen.css';

Or

<!-- In HTML --> <link rel="stylesheet" href="path/to/css/react-screen.css">

4.Render it!

ReactDOM.render((     <Screen>         <ScreenSlice>             <h1>First Screen</h1>         </ScreenSlice>         <ScreenSlice>             <h1>Second Screen</h1>         </ScreenSlice>         <ScreenSlice>             <h1>Third Screen</h1>         </ScreenSlice>     </Screen> ), document.getElementById('react-screen'));

You May Also Like