DITS Carousel Slider Block

DITS Carousel Slider Block is a custom block that lets you create flexible and responsive sliders directly in the WordPress block editor.

Features:

• Drag & drop slide reordering
• Responsive slider powered by Swiper.js
• Custom icons using Font Awesome
• Easy slide management inside Gutenberg
• Lightweight and developer-friendly

This plugin is translation-ready.

Third-party Resources

This plugin bundles the following third-party libraries:

• Swiper
  License: MIT
  License URI: https://github.com/nolimits4web/swiper/blob/master/LICENSE
  Source: https://swiperjs.com/

• Font Awesome Free
  License: SIL OFL 1.1 (fonts), MIT (code)
  License URI: https://fontawesome.com/license/free
  Source: https://fontawesome.com/

• react-beautiful-dnd
  License: MIT
  License URI: https://github.com/atlassian/react-beautiful-dnd/blob/master/LICENSE
  Source: https://github.com/atlassian/react-beautiful-dnd

• array-move
  License: MIT
  License URI: https://github.com/sindresorhus/array-move/blob/main/license
  Source: https://github.com/sindresorhus/array-move

All bundled libraries are compatible with GPL-2.0-or-later.

Development

This plugin uses @wordpress/scripts for building assets.

Source files are located in:

• src/blocks/
• src/components/
• src/Data/

To build assets:

1. npm install
2. npm run build

1. Upload the plugin folder to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Add the “Slider Block” in the Gutenberg editor

1. 

   Slider block in the Gutenberg editor

2. 

   Frontend slider with navigation arrows

1.0.0

• Initial release