An open API service indexing awesome lists of open source software.

https://github.com/muhiris/daisysnap

A npm package for initialization of ReactTailwind projects effortlessly.
https://github.com/muhiris/daisysnap

Last synced: 12 months ago
JSON representation

A npm package for initialization of ReactTailwind projects effortlessly.

Awesome Lists containing this project

README

          

# DaisySnap NPM Package

![npm](https://img.shields.io/npm/v/daisysnap) ![npm](https://img.shields.io/npm/dt/daisysnap) ![NPM](https://img.shields.io/npm/l/daisysnap)

DaisySnap is a powerful npm package designed to make initialization of new React projects effortlessly.

With DaisySnap, you can quickly set up a React project using Vite, integrate Tailwind CSS seamlessly, and optionally include the DaisyUI plugin for enhanced functionality.

## Installation

For DaisySnap's time-saving features, install it globally on your system using:

```bash
npm install -g daisysnap
```

## Usage

Once DaisySnap is installed, you can initiate a new React project with just a few simple steps. Open your terminal at any location and execute the following command:

```bash
daisysnap
```

DaisySnap will prompt you for the

- Project name
- Inquire whether you wish to include the Daisy UI

Answer these prompts, and DaisySnap will take care of the rest.

## Features

- **Vite React Project Initialization:** DaisySnap automates the creation of a React project using Vite, ensuring a modern and efficient development setup.

- **Tailwind CSS Integration:** DaisySnap includes Tailwind CSS in the project, providing a powerful utility-first styling framework to enhance your development workflow.

- **DaisyUI Plugin (Optional):** If desired, DaisySnap gives you the option to integrate the DaisyUI plugin into your Tailwind setup. DaisyUI extends Tailwind CSS with a collection of delightful UI components.

## How to Run

1. Install DaisySnap globally:

```bash
npm install -g daisysnap
```

2. Open your terminal at the desired location.

3. Run DaisySnap:

```bash
daisysnap
```

4. Follow the prompts to provide the project name and choose whether to include the Daisy UI plugin.

5. DaisySnap will automatically initialize your React project with the specified configurations.

## Example

Here's a brief example of using DaisySnap:

```bash
# Install DaisySnap globally
npm install -g daisysnap

# Navigate to your desired project location
cd /path/to/projects

# Run DaisySnap to initialize a new React project with Tailwind and DaisyUI
daisysnap
```

## Contributions

DaisySnap is an open-source project, and we welcome contributions. Feel free to submit issues, feature requests, or even pull requests on our [GitHub repository](https://github.com/muhiris/daisysnap).

Happy coding with DaisySnap! 🌼