shuffle-package-maker

KO | EN

gitlite — search

#javascript #react #llm #golang #machine-learning #java #windows #cli #kubernetes #awesome-list #vue #ios #mcp #openai

shuffle-package-maker

(★ 9)

Shuffle allows you to upload your favorite purchased UI libraries (e.g., Tailwind UI, Flowbite) or one you made.

shuffle-package-maker 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Shuffle Package Maker

[Shuffle](https://shuffle.dev) is a visual editor for developers. It works with Tailwind CSS, Bootstrap, Bulma, and MUI.

This tool simplifies the process of creating a UI library package for Shuffle. You can upload your favorite purchased UI library (e.g., Tailwind UI, Flowbite) or one you made. For more details, see the [Shuffle library upload documentation](https://shuffle.dev/docs/library-upload).

## Installation

### Install from github

1. Clone this repository.
2. Run `npm install` in the root directory.

### Install via npm

1. Install `shuffle-package-maker` via your package manager (eg., `npm install shuffle-package-maker`).

## Usage

You can use presets to build packages for Tailwind UI and Flowbite components.

1. Run `npx shuffle-package-maker DIRECTORY_NAME --preset PRESET_NAME` where `DIRECTORY_NAME` is the directory you want to scan for components and `PRESET_NAME` is name of the preset you want to use. If you cloned the repository, run script directly `node generate.mjs`.
2. Follow the instructions in the terminal.
3. Use the generated ZIP package and upload as new library in Shuffle.

## Already available presets

### Tailwind UI

- `tailwindui` - Tailwind UI components for all categories.
- `tailwindui-marketing` - Tailwind UI marketing components.
- `tailwindui-ecommerce` - Tailwind UI ecommerce components.
- `tailwindui-application-ui` - Tailwind UI application UI components.

> [!TIP]
> More details in [Tailwind UI preset documentation](presets/TAILWINDUI.md).

> [!IMPORTANT]
> [Tailwind UI](https://tailwindui.com) requires additional license which can be purchased from their website.

### Flowbite

- `flowbite-marketing-ui` - Flowbite marketing UI components.
- `flowbite-publisher-ui` - Flowbite publisher UI components.
- `flowbite-admin-dashboard` - Flowbite admin dashboard components.

> [!TIP]
> More details in [Flowbite preset documentation](presets/FLOWBITE.md).

> [!IMPORTANT] 
> [Flowbite](https://flowbite.com) requires additional license which can be purchased from their website.

### Ayro UI

- `ayroui-bootstrap-ui-components` - Ayro UI Bootstrap UI components.

> [!TIP]
> More details in [Ayro UI preset documentation](presets/AYROUI.md).

### Other

You can also create your own preset by creating a new file in `presets` directory. For details see [PRESETS.md](presets/PRESETS.md).

> [!TIP]
> If you want share your preset with others, please feel free to create a pull request.

## Additional

Run `npm start` to see help

shuffle-package-maker

shuffle-package-maker 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

shuffle-package-maker

shuffle-package-maker 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README