Title: BoldSlider
Author: Mahabub Alam
Published: <strong>May 14, 2026</strong>
Last modified: May 14, 2026

---

Search plugins

![](https://s.w.org/plugins/geopattern-icon/boldslider.svg)

# BoldSlider

 By [Mahabub Alam](https://profiles.wordpress.org/maha25/)

[Download](https://downloads.wordpress.org/plugin/boldslider.0.1.0.zip)

 * [Details](https://test.wordpress.org/plugins/boldslider/#description)
 * [Reviews](https://test.wordpress.org/plugins/boldslider/#reviews)
 *  [Installation](https://test.wordpress.org/plugins/boldslider/#installation)
 * [Development](https://test.wordpress.org/plugins/boldslider/#developers)

 [Support](https://wordpress.org/support/plugin/boldslider/)

## Description

BoldSlider is a lightweight, fully-responsive slider builder for WordPress with 
a real visual editor — drag layers on a canvas, set per-device overrides, and embed
via shortcode or Gutenberg block.

#### Free version highlights

 * **Visual builder** — drag, resize, rotate layers on a real canvas. Eight resize
   handles. Keyboard nudge + delete.
 * **Per-device responsive** — override layer position, size, font size, color, 
   and visibility separately for Desktop / Tablet / Mobile.
 * **Layer types (7 free):** Heading, Paragraph, Image, Button, Shape, YouTube embed,
   Vimeo embed.
 * **Slider effects:** Slide, Fade, Cube, Coverflow, Flip, Cards.
 * **Backgrounds:** image (with cover/contain/percentage/auto fit, repeat, 9-grid
   + custom position), color, uploaded MP4 video.
 * **Background animations:** Ken Burns, Zoom In, Zoom Out, Pan Left, Pan Right.
 * **Navigation arrows** with placement (inside/outside) + position (top/middle/
   bottom) + size + offset + colors + hover styles.
 * **Pagination** (bullets / fraction / progress bar) with placement, position, 
   bullet size/gap, clickable, active + inactive colors.
 * **Thumbnail strip** (Swiper Thumbs).
 * **Autoplay** with delay + pause-on-hover.
 * **Layer animations** — 8 CSS-based entrance presets (fade, fade-up/down/left/
   right, zoom-in/out).
 * **Button hover styles** + 12 built-in arrow icons.
 * **Starter templates:** Multiple ready-to-use templates (Hero, Business, Portfolio,
   Testimonials, Promo / Sale, Product Launch, Team, Event, Startup, Minimal, Restaurant,
   Charity, Welcome).
 * **Embed** via `[boldslider id="your-slider-slug"]` shortcode or Gutenberg block.
 * **Import / Export** sliders as JSON.
 * **Duplicate** sliders + slides in one click.
 * **Slider library page** with thumbnail previews + search.
 * **Performance:** lazy-load images, no jQuery, no external CDN, deferred JS.
 * **SEO friendly:** semantic `<h1>`–`<h6>` headings, `alt` and `title` attributes(
   Media Library or custom).
 * **Accessibility:** keyboard navigation, proper ARIA labels.

#### External services

BoldSlider does not call out to any external services or CDNs. All assets are bundled
locally inside the plugin.

### Development

#### Source code

The compiled/minified JavaScript and CSS files in `assets/dist/` are built from 
the uncompressed source code included in this plugin:

 * **Editor UI (React):** `editor/src/` — JSX components, store, hooks, views, and
   SCSS styles.
 * **Frontend runtime:** `editor/src/frontend.js` — Swiper initialization and layer
   animations.
 * **Block editor script:** `editor/src/block.js` — Gutenberg block registration.
 * **Stylesheets:** `editor/src/editor.scss` and `editor/src/frontend.scss`.

#### Build instructions

Prerequisites: Node.js 18+ and npm 9+.

 1. Navigate to the plugin directory: `cd boldslider`
 2. Install dependencies: `npm install`
 3. Build production assets: `npm run build`
 4. For development with live rebuild: `npm run start`

The build pipeline uses `@wordpress/scripts` (webpack-based).

#### Third-party libraries

 * [Swiper](https://swiperjs.com/) v11 — MIT License — touch-enabled slider engine.

## Installation

 1. Upload the `boldslider` folder to `/wp-content/plugins/`, or install via the Plugins
    screen.
 2. Activate the plugin.
 3. Go to **BoldSlider** in the admin menu.
 4. Click **+ New Slider**, pick a template, name it, then click **Create & Edit**.
 5. Drag layers, set styling, save.
 6. Embed in any post or page using the shortcode shown in the slider list, or the 
    BoldSlider Gutenberg block.

## FAQ

### Does the plugin require jQuery?

No. BoldSlider is built with vanilla JavaScript and Swiper. jQuery is not enqueued
or required.

### Does the plugin call any external services?

No. BoldSlider does not call any third-party CDNs or APIs. All assets (Swiper, fonts,
etc.) are served from your own site.

### How do I embed a slider?

Two options:

 * Shortcode: `[boldslider id="your-slider-slug"]` — the slug is shown in the slider’s
   edit screen and on each card in the slider list.
 * Gutenberg: add the **BoldSlider** block and pick your slider from the dropdown.

### Can I import a slider from another site?

Yes. On the slider list page, hover any card and click **Export** to download a 
JSON file. On the destination site, click **Import** and pick the JSON file.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“BoldSlider” is open source software. The following people have contributed to this
plugin.

Contributors

 *   [ Mahabub Alam ](https://profiles.wordpress.org/maha25/)

[Translate “BoldSlider” into your language.](https://translate.wordpress.org/projects/wp-plugins/boldslider)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/boldslider/), check
out the [SVN repository](https://plugins.svn.wordpress.org/boldslider/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/boldslider/) by 
[RSS](https://plugins.trac.wordpress.org/log/boldslider/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 0.1.0

 * Initial release.

## Meta

 *  Version **0.1.0**
 *  Last updated **23 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **6.9.4**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/boldslider/)
 * Tags
 * [carousel](https://test.wordpress.org/plugins/tags/carousel/)[hero](https://test.wordpress.org/plugins/tags/hero/)
   [slider](https://test.wordpress.org/plugins/tags/slider/)[slideshow](https://test.wordpress.org/plugins/tags/slideshow/)
   [swiper](https://test.wordpress.org/plugins/tags/swiper/)
 *  [Advanced View](https://test.wordpress.org/plugins/boldslider/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/boldslider/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/boldslider/reviews/)

## Contributors

 *   [ Mahabub Alam ](https://profiles.wordpress.org/maha25/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/boldslider/)