Snipe React Components

Snipe React Components is a React component library built with Tailwind CSS, designed to streamline and enhance the development of applications. This library provides a collection of reusable and customizable UI components to accelerate the process of building the web apps.

Features

• Tailwind CSS Integration: Leverages the power of Tailwind CSS for styling and theming your components.

• Storybook Integration: Utilizes Storybook for easy development, testing, and documentation of individual components.

• Rollup for Bundling: Employs Rollup as the bundler to optimize and bundle the library for production.

Getting Started

Installation

Install the Snipe React Components library via npm:

npm install snipe-react-components

Usage

Import and use the components in your React application:

import React from 'react';
import { Button, Card, ... } from 'snipe-react-components';

const MyComponent = () => {
  return (
    <Card>
      <Button>Click me</Button>
      {/* More Snipe React Components here */}
    </Card>
  );
};

export default MyComponent;

Development

To get started with development, follow these steps:

1. Clone the repository:

   git clone https://github.com/ABHINAV-JHA-27/snipe-react-components.git

2. Install dependencies:

   cd snipe-react-components
   npm install

3. Run the development environment with Storybook:

   npm run storybook

   Open your browser and navigate to http://localhost:6006/ to view the Storybook.

4. Develop and test your components in Storybook.

NPM Scripts

• dev: Run Rollup in watch mode for development.

  npm run dev

• build: Build the library using Rollup for production.

  npm run build

• storybook: Run Storybook in development mode.

  npm run storybook

• build-storybook: Build Storybook for production.

  npm run build-storybook