React-nft-slider NPM

React NFT Slider

A React component that creates a carousel slider showcasing NFTs from a specific collection or wallet without the need for connecting a wallet or using Web3.js or Ether.js.

Features

Shows NFTs from a collection using the collection address or wallet address
Displays NFTs in a responsive and interactive slider
Supports touch and mouse drag gestures for easy navigation
Customizable styling and appearance
Lightweight and easy to integrate into your React projects
Better annotation in typescript projects

Installation

npm

npm install react-nft-slider

yarn

yarn add react-nft-slider

Usage

import React from "react";
import NFTSlider from "react-nft-slider";

const MyNftSlider = () => {
  const collectionAddress = "0x..."; // Replace with your desired collection address

  return (
    <div>
      <h1>My NFT Collection</h1>
      <NFTSlider collection={collectionAddress} />
    </div>
  );
};

export default MyNftSlider;