README

A fully customizable film strip slider Gutenberg block for WordPress. Built with the WordPress Interactivity API — zero external dependencies.

Features

Responsive slides per view — configurable for desktop, tablet, and mobile
Navigation arrows — sides, top, or bottom positioning
Bullet dot navigation — top or bottom positioning
Page numbers — optional page counter
Autoplay — configurable interval with pause-on-hover
Drag / swipe — touch and pointer drag support
Infinite loop — optional seamless looping
Configurable animation — speed and easing options
Image height control — responsive height with object-fit: cover
Reusable — can be saved as a reusable block
Block supports — wide/full alignment, colors, spacing

Installation

Via Composer (recommended)

composer require smartlogix/film-strip-slider-block

The block auto-registers via Composer's autoloader. No additional theme code is required.

Manual

Download the latest release zip
Extract into your theme's directory
Require the main PHP file:

require_once get_template_directory() . '/path/to/film-strip-slider-block/film-strip-slider-block.php';

Development

# Install dependencies
npm install

# Start development build (watch mode)
npm start

# Production build
npm run build

# Lint
npm run lint:js
npm run lint:css

Release Process

Update the version in package.json, composer.json, film-strip-slider-block.php, and src/film-strip-slider-block/block.json
Run npm run build and commit the updated build/ directory
Tag the release: git tag v1.x.x && git push --tags
Create a GitHub Release — the CI workflow will verify the build and attach an installable zip

Requirements

WordPress 6.5+
PHP 7.4+

License

GPL-2.0-or-later

smartlogix / film-strip-slider-block

Maintainers

Package info

Statistics

Security