<p align="center"><img width="250" src=".github/bsb-logo.svg"></p>

![BlaBlaBlocks Slider Block](.github/blablablocks-slider-block.jpg)

[![Getting Started Wiki](https://img.shields.io/badge/Documentation-000?style=for-the-badge&logo=googledocs&logoColor=fff)](https://github.com/lubusIN/blablablocks-slider-block/wiki) [![Playground Demo Link](https://img.shields.io/badge/Live%20Preview-3858e9?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSI% %2BPC9zdmc%2B&logoSize=auto)](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/lubusIN/blablablocks-slider-block/playground/_playground/blueprint-github.json) [![WordPress Plugin Version](https://img.shields.io/wordpress/plugin/v/blablablocks-slider-block?style=for-the-badge&logo=wordpress&label=Install&labelColor=blue)](https://wordpress.org/plugins/blablablocks-slider-block/)

## Overview

BlaBlaBlocks Slider Block is a WordPress plugin built specifically for the Block Editor, allowing you to create responsive sliders effortlessly.

## Requirements

- WordPress 6.6+
- PHP 7.4+

## Installation
### Automatic
1. Go to Plugins → Add New in your WordPress dashboard.
2. Search for Blablablocks Slider Block.
3. Click Install Now and then Activate.

### Manual
1. [Download](https://github.com/lubusIN/blablablocks-slider-block/releases) latest release from GitHub
2. Visit `Plugins → Add New`
3. Upload `blablablocks-slider-block.zip` file
4. Activate `BlaBlaBlocks Slider Block` from the plugins page

## Development

### 1. Clone the Repository

Clone the repository to your local system:

```bash
git clone git@github.com:lubusIN/blablablocks-slider-block.git
```

### 2. Go to plugin folder

```bash
cd blablablocks-slider-block
```

### 3. Install Dependencies

```bash
npm install
```

### 4. Build Plugin

Build or start the development environment:

```bash
npm run build       # Compile the source files
# OR
npm run start       # Watch for changes and auto-compile
```

### 5. Launch Playground

Start a local WordPress playground using wp-now:

```bash
npx @wp-now/wp-now start
```

> [!NOTE]
> Refer to `package.json` for additional available npm commands.

## Meet Your Artisans

[LUBUS](http://lubus.in) is a web design agency based in Mumbai.

<a href="https://cal.com/lubus">
<img src="https://raw.githubusercontent.com/lubusIN/.github/refs/heads/main/profile/banner.png" />
</a>

## Credits

<a href="https://github.com/lubusIN/blablablocks-slider-block/graphs/contributors">
  <img height="36px" src="https://contrib.rocks/image?repo=lubusIN/blablablocks-slider-block"/>
</a>

## License

BlaBlaBlocks Slider Block is an open-sourced plugin licensed under the [MIT license](LICENSE)
