Build Beautiful Sliders That Engage
Welcome to the Slider Press Demo! Explore how responsive layouts, smooth transitions, and powerful customization options come together to create stunning hero sliders, product showcases, testimonials, and galleries all designed to enhance user engagement and elevate your website experience.
Clean, Stylish & Fully Responsive Layout
Our Blocksy Slider is crafted with modern web standards and fully responsive design, ensuring each slider looks perfect on every device and adapts seamlessly to any screen size.
Mobile Optimized
Smooth touch interactions and responsive thumbnail layouts that adapt perfectly on all screen sizes.
Lightning Fast
Optimized loading and instant thumbnail navigation for a seamless browsing experience.
Friendly Navigation
Swipe, tap, and preview slides effortlessly with a mobile-ready thumbnail bar.
Transition Effects
Flip
3D flip animation that rotates slides like turning digital cards.
Cube
Slides rotate like faces of a 3D cube for bold transitions.
Twist Flow
A dynamic slider with twisting transitions that smoothly follows the previous slide, creating a modern and engaging visual flow.
Fade
A subtle fading effect that softly transitions between slides for a clean and professional look.
Bullets
Progressbar
Fraction
Custom
Flexible Pagination Options
Experience beautifully designed pagination that adjusts seamlessly across all devices, offering users a smooth and intuitive browsing experience every time.
Crafted with responsive web standards, the pagination adjusts flawlessly across all devices. Whether your audience browses on large screens or small mobiles, the interaction remains smooth, intuitive, and perfectly optimized.
Powerful Features
Everything you need to build stunning, modern, and fully customizable sliders with professional-grade control.
Global Enable/Disable
Easily turn the refund system on or off with a single toggle.
10+ Transition Effects
Enhance your slider with smooth transitions like Slide, Fade, Flip, Cube, Coverflow, and more.
Flexible Navigation Style
Choose from multiple arrow designs with customizable colors, hover styles, and adjustable positions.
Auto-play Support
Set custom timing for automatic transitions with optional pause-on-hover functionality.
Pagination Controls
Clickable bullets, numbers, or progress indicators for easy navigation.
Touch & Swipe Ready
Smooth, native swipe gestures for all mobile and touchscreen devices.
Slide Progress Indicator
A clean progress bar displays the slide transition timing visually.
Highly Customizable
Fine-tune colors, spacing, timings, behaviors, and overall slide appearance.
Multiple Display Modes
Easily integrate the slider anywhere with responsive layouts that adapt to any screen.
Loop Support
Continuously cycle slides for an uninterrupted viewing experience.
Scrollbar Control
Add an interactive draggable scrollbar to navigate slides smoothly.
Lazy Loading
Loads slide images only when they come into view great for performance.
Keyboard Navigation
Move between slides using keyboard arrow keys for improved accessibility.
Mousewheel Support
Navigate through slides using the mouse wheel ideal for vertical sliders.
Grid Layout
Display multiple slides in rows and columns for product grids or galleries.
Centered Slides
Keep the active slide at the center while previewing adjacent slides.
Custom Arrow Support
Easily position your navigation arrows anywhere you like.
RTL Mode
Native support for right-to-left languages such as Arabic or Hebrew.
Slides Group
Move multiple slides at once rather than just one per navigation click.
Thumbnail Gallery
Show clickable image thumbnails below the main slider for quick navigation.
Grab Cursor
Displays a grab cursor on hover to indicate draggable slides.
Image Size Control
Define custom image width and height for consistent, pixel-perfect layouts.
Adjustable Transition Speed
Precisely control how fast slides move during transitions.
Zoom Effect
Enable zooming on slide images for better product or gallery viewing.
Custom CSS
Add your own styling rules to fully customize the slider’s appearance.
Background Image
Set a custom background image for stylish and visually rich slide designs.
Background Settings
Control background color, position, size, and repeat for perfect layout alignment.
Complete Workflow
Deliver a seamless, automated slider experience from creation to final display ensuring everything works beautifully and effortlessly.
Add Slider Block
Insert the Blocksy Slider block into any Gutenberg page or post.
Upload Media
Add images, thumbnails, or videos to build your slider content.
Customize Design
Adjust layout, colors, spacing, transitions, and responsive settings.
Choose Effects & Navigation
Apply fade, flip, cube, or coverflow effects and set pagination style.
Publish & View
Embed the slider anywhere and deliver a smooth, interactive experience to your visitors.
Frequently Asked Questions
Find quick answers about how the Blocksy Slider plugin works, from setting up sliders to customizing layouts smoothly.
How do I add a slider to my page?
You can add a slider using its shortcode. Simply replace SLIDER_ID with your actual slider’s ID. The shortcode is displayed in the slider edit page sidebar. ex: [“wpbs_slider id = 123”]
Can I use Gutenberg blocks inside slides?
Yes! Each slide is built using the Gutenberg editor, so you can add anything images, headings, text, videos, buttons, galleries, and more.
Does the plugin support responsive design?
Absolutely. All sliders are fully responsive and support mobile touch gestures. You can also customize responsive breakpoints from the settings.
Is it compatible with my theme?
Yes, it works with most well coded WordPress themes. For highly customized themes, you may need minor CSS tweaks.
Can I display multiple sliders on a single page?
Yes! Add as many sliders as you want by using different shortcodes across the same or different pages.
What animation effects are available?
The plugin includes four smooth transition effects: Slide, Fade, Flip, Cube and etc. You can select your preferred effect in the Transition Settings tab.
More Slider Examples
Preview different slider styles with live examples, showing how layouts, effects, and controls look across all devices.
Vertical Depth Slider
Dual Axis Drift Slider
Upward Drift Slider
Angular Twist Slider
Ultra Coverflow Slider
Vertical Slider