# SlideVerse – Slider, Carousel & Image Slider Blocks for Gutenberg

**SlideVerse** is a responsive WordPress slider plugin built on Swiper.js for the Gutenberg block editor. Create touch-enabled sliders and carousels — image sliders, post carousels, logo sliders, testimonial sliders, video sliders, and before/after comparisons — without writing code.

## Available Blocks

| Block                                    | Description                                                                  |
| ---------------------------------------- | ---------------------------------------------------------------------------- |
| **Infinite Slider** (+ Slider Item)      | Seamless marquee-style scrolling; place any Gutenberg block inside each slide |
| **Post Slider & Blog Carousel**          | Dynamic post/blog carousel with category filtering and featured images       |
| **Logo Carousel & Partner Showcase**     | Client/partner logo carousel with auto-scroll                                |
| **Testimonial Slider & Review Carousel** | Customer reviews with star ratings, avatars, and author info                 |
| **Video Slider & Video Carousel**        | YouTube, Vimeo, and self-hosted video carousel with lightbox                 |
| **Before & After Image Comparison**      | Interactive image comparison with a draggable divider                        |

## Features

- Gutenberg-native — no shortcodes, no page builders
- Responsive across desktop, tablet, and mobile
- Touch, swipe, and grab via Swiper.js (Infinite Slider adds inertia/throw dragging)
- Click-to-enlarge image lightbox with prev/next and keyboard navigation
- Full style controls (colors, padding, borders, typography) with responsive + hover states
- Multiple effects: slide, fade, coverflow, flip, creative, cards
- Navigation arrows, dots, fraction, and progress bar
- Autoplay with loop and reverse direction
- Efficient — each block's styles/scripts load only where the block is used (Swiper.js loads from a CDN)
- SEO-friendly HTML output

## Installation

1. Upload `slideverse` to `/wp-content/plugins/` or install via the WordPress plugin screen.
2. Activate from the Plugins page.
3. In the block editor, search "SlideVerse" and insert any block.

## Development

```bash
# Install dependencies
npm install

# Start dev (watch-build blocks + library)
npm start

# Production build (library + blocks)
npm run build
```

A release is published by pushing a git tag, which triggers the GitHub Actions workflow to build and package the plugin.

## Changelog

### 0.0.10 – June 25, 2026

- **New:** Infinite Slider grab/swipe dragging with inertia/throw momentum
- **New:** Grab/swipe toggle for the Logo Carousel
- **New:** Click-to-enlarge image lightbox (prev/next, keyboard) for Infinite Slider, Logo Carousel, Post Slider, and Testimonial Slider
- **Fix:** Before & After block height with react-compare-slider v4

### 0.0.9 – May 25, 2026

- **New:** Testimonial Slider block (star ratings, avatars, author name/role)
- **New:** Video Slider block (YouTube, Vimeo, self-hosted, lightbox)
- **New:** Post Slider block (dynamic posts, category filter, card layout)
- **New:** Brand Logos Carousel block
- **Fix:** Frontend CSS now generates reliably for all blocks
- **Fix:** Inline CSS fallback via render_block filter for edge cases
- **Fix:** Video lightbox styling
- **Improvement:** SVG fill property support in CSS builder
- **Improvement:** PHP 8.4 deprecation fix

### 0.0.8 – May 06, 2026

- WordPress 7.0 compatibility
- Stability fixes for frontend style enqueue

### 0.0.7 – January 08, 2026

- WordPress 6.9 compatibility

### 0.0.6 – November 11, 2025

- Fix: Before-After image upload issue

### 0.0.5 – May 21, 2025

- Fix: Autoplay inconsistencies
- Fix: WordPress 6.8.1 compatibility

### 0.0.4 – February 17, 2025

- Performance optimizations

### 0.0.3 – February 01, 2025

- New: Before-After Slider block

### 0.0.2 – January 27, 2025

- New: Infinite Slider block

### 0.0.1 – January 01, 2025

- Initial release

## License

GPL-2.0+ — see LICENSE file.

## Links

- [Website](https://wpxero.com)
- [Documentation](https://wpxero.com/docs/slideverse)
- [Support](https://wpxero.com/support)