Builder canvas
Layered slide design
Compose text, captions, buttons, icons, shapes, media and source placeholders as separate editable layers.
WordPress slider system
Build advanced WordPress sliders with visual control.
ZoroSlider brings a visual builder, source-driven slides, reusable templates, media layers, responsive layouts and a polished frontend runtime into one WordPress plugin.
Visual builder
Templates
Import / Export
Media layers
Scoped CSS
Responsive Layers
Public API
Posts · JSON · YouTube
0+
Slide transitions
0 types
Layer & workflow
0 sources
Content sources
0 modes
Layout Modes
0 styles
Control & arrow variants
0 types
Startup loader styles
Visual WordPress Builder
Source-Driven Slides
Layer Timeline
50+ Transitions
Templates
Media Layers
Scoped CSS
Events and API
Visual WordPress Builder
Source-Driven Slides
Layer Timeline
50+ Transitions
Templates
Media Layers
Scoped CSS
Events and API
Presentation system
Design the slider, manage the workflow, publish the experience.
The plugin combines builder tools, templates, source-driven content and polished frontend behavior into one WordPress workflow.
Template system
Reusable slider packages
Hero
Video
Carousel
Posts
JSON
YouTube
Posts, JSON and YouTube sources.
Post title mapped
Featured image background
Button link placeholder
Runtime
50+
Transitions
Frontend
API
Methods and events
0+
Built-in transitions
0 styles
Control / arrow variants
0 types
Startup loader styles
0 src
Content source types
What you get
A complete WordPress slider system, not just a frontend effect.
ZoroSlider covers the full production workflow: manage sliders from WordPress, design layered slides visually, generate content from posts, JSON or YouTube, publish with shortcodes, and rely on a hardened frontend runtime for responsive animation and media playback.
01
Admin workflow
Create, manage, preview and reuse sliders from WordPress.
Dashboard, sliders, templates and addons pages give you one organized place for editing, cloning, exporting, importing, deleting and previewing slider assets.
02
Visual builder
Design layered slides with canvas tools and precise settings.
Text, captions, images, buttons, shapes, icons, HTML, audio and video layers can be positioned, animated, ordered, resized, locked, grouped and shown per device.
03
Frontend power
Publish sliders that stay responsive, animated and interactive.
Over 50 transitions, 11 control styles, dots, thumbnails, progress, carousel modes, media handling, public methods and events are available in the published output.
WordPress management
Everything starts from an organized plugin dashboard.
ZoroSlider is designed for repeat work. You manage slider assets, templates, imports, previews and addons without digging through scattered WordPress pages.
Shortcode rendering
PHP snippet support
Grid and list layouts
Preview mode with Escape close
Dashboard overview
Product overview, compatibility, changelog, quick access links and version visibility.
Slider cards
Preview, edit, clone, export, embed and delete actions with source-type badges.
Template cards
Edit, clone, preview, import, export and delete reusable slider templates.
Search and filters
Grid and list views with admin search fields for sliders, templates and addons.
Import dialogs
Modern upload boxes with progress, metadata, success spinner and error states.
AJAX hardening
Nonce-protected forms, capability checks and consistent success/error responses.
Admin UI
WordPress management screens that keep slider work organized.
Screenshot
Plugin dashboard overview
Main WordPress dashboard with product overview widget, system compatibility check, changelog, quick-access links and a visible version badge.
Screenshot
Sliders page — grid view
Slider manager in grid mode. Cards show source-type badge, thumbnail preview and action icons for edit, clone, export, embed and delete.
Screenshot
Sliders page — list view
Compact list layout with search field, filter row and sortable columns for managing many sliders quickly.
Screenshot
Templates page with catalog
Remote template catalog with Free, Pro and Installed state badges, category filters and preview button per card.
Screenshot
Addons page
Lists installed addons such as Export HTML and Debugger, with active state indicators and links to WordPress plugin management.
Visual builder
A slide design workspace with the tools serious layouts need.
Canvas and layout aids
Rulers, draggable guides, grid lines and vertical/horizontal layout columns help align detailed slide compositions.
Layer editing controls
Drag, resize, rotate, select, group, lock, hide, align, reorder and animate layers directly from the builder workflow.
Editing safety
Undo/redo history, local draft handling, DB freshness checks and stale draft protection reduce lost work.
Productivity tools
Context menus, keyboard shortcuts, builder tour, about dialog and status bar feedback make the editor faster.
Typography and icons
7400+ searchable font selection, Google font previews, frontend font preparation and icon picker support.
Per-slide memory
Guide, grid and layout-column settings can be remembered per slide so complex layouts stay organized.
Builder UI
Inside the visual builder workspace.
Screenshot
Full builder workspace — wide view
Top menu bar, builder action buttons, centered canvas with rulers, left slide panel, right settings panel and bottom status bar with cursor, size and rotation output.
Screenshot
Canvas with guides and grid lines active
Draggable guide lines pulled from rulers, grid overlay and vertical layout columns visible. Multiple layers selected with multi-select handles.
Screenshot
Layer settings panel — animation tab
Entrance animation type, exit animation type, delay, speed and easing controls for the selected layer.
Screenshot
Right-click context menu on layer
Layer context menu showing Group, Lock, Hide, Bring Forward, Send Backward, Clone and Delete actions with platform keyboard labels.
Screenshot
Google font picker
Searchable font selector modal with live font preview at multiple weights. Selected font is prepared for the published output.
Screenshot
Keyboard shortcuts modal
Full shortcuts reference grouped by Canvas, Layers, Editing and Playback, with macOS and Windows labels shown side by side.
Source-driven sliders
Build static sliders or generate them from real content.
ZoroSlider supports manual creative sliders and dynamic content workflows. Placeholders map live data into text, caption, button and HTML layers.
01
Builder
Manual slides
Create every slide by hand when you need full creative control over backgrounds, layers, animations and device visibility.
02
WP
WordPress posts
Generate slides from posts or custom post types with taxonomy filters, sort options, excerpt limits and featured image backgrounds.
03
Data
JSON import
Build sliders from remote JSON endpoints using data paths, item limits, sorting and field mapping for titles, images, links and video.
04
Video
YouTube playlists
Turn playlist data into slider content with playlist URL/ID, API key, max video count and metadata placeholders.
{{post_title}}
{{featured_image}}
{{post_excerpt}}
{{video_embed}}
{{video_url}}
{{post_link}}
{{custom_field:name}}
{{json_field}}
{{post_author}}
{{post_date}}
Source + layer settings
Source type settings and placeholder mapping.
Dynamic sliders need clear source controls and predictable layer mapping. These builder screens show how content sources, placeholder tokens and device visibility work together.
Screenshot
WordPress Posts source settings panel
Source settings panel showing post type selector, taxonomy filter, sort order, max posts and excerpt length controls.
Screenshot
JSON source settings with field mapping
Remote URL field, data path notation input, field mapping table, placeholder names, max items and sort controls.
Screenshot
YouTube playlist source settings
Playlist URL or ID field, API key input, max video count and available metadata placeholder reference list.
Screenshot
Layer with {{post_title}} placeholder
Text layer selected in the builder with placeholder token visible in the text content field and rendered on canvas.
Screenshot
Layer device visibility controls
Desktop, tablet and mobile visibility toggles in the layer settings panel with current breakpoint indicator.
Feature hierarchy
Frontend features that make each published slider feel polished.
Layout foundation
Default, fixed, fullWidth, fullWidthScoped and fullScreen modes place sliders inside boxed pages, full-bleed sections and viewport experiences.
See layout examples →Layer composition
Text, captions, shapes, images, buttons, icons, HTML, audio and video layers can be positioned, styled, animated and controlled separately.
Read layer docs →Responsive behavior
Layer geometry, typography, padding, margin, radius, dimensions and visibility rules adapt across desktop, tablet and mobile screens.
Open responsive example →Motion system
Transitions, Ken Burns, layer entrance/exit animations, easing, speed, delay and manual interruption handling keep motion controlled.
Test transitions →Navigation systems
Arrows, dots, numbers, thumbnails, keyboard, swipe and carousel navigation cover heroes, galleries and product showcases.
Inspect controls →Runtime integration
Public methods and events connect navigation, autoplay, layers, media, carousel movement and responsive changes to custom interfaces.
Open API page →Published output
The frontend output is built for motion, polish and stability.
The WordPress builder publishes sliders powered by a mature runtime, so the final result can handle rich motion, responsive layers, media playback, controls and custom integrations.
MOTION SYSTEM
Frontend runtime
The motion system for real WordPress projects.
50+ standard, piece-based, grid, SliceBox and 3D-style transitions
11 control styles and SVG control icon families
13 dots styles, 12 number styles and tooltip modes
Responsive thumbnail navigation with paging and rewind behavior
Autoplay, pause-on-hover, loop, shuffle, keyboard and swipe
Linear and radial progress indicators
Preloader-first startup and raw markup flash prevention
Navigation lock to prevent overlapping transitions
Published output
Navigation styles, controls and carousel modes.
Published sliders can present different navigation systems, progress states, carousel modes and image motion effects without changing the WordPress page layout.
Screenshot
Live published slider - fullWidth layout with arrow controls
Full-bleed slider in fullWidth layout mode with layered composition, background image and one of the visual arrow control styles.
Screenshot
Dots navigation - 4 style variants
Side-by-side comparison of fillup, scaleup, drawcircle and tooltip dot styles with image thumbnail tooltip mode.
Screenshot
Thumbnail navigation strip
Responsive thumbnail strip below the slider with active highlight, rewind arrows and paging controls.
Screenshot
Gallery3D carousel mode
Perspective-based carousel with centered active slide, scaled side slides and active-slide progress indicator.
Screenshot
Linear progress bar - top placement
Autoplay progress bar running across the top edge of the slider with custom fill, background and thickness.
Screenshot
Ken Burns effect on image-backed slide
Slow pan and zoom movement on image-backed slides with configurable duration and direction.
Reusable assets
Templates, imports and addons for repeatable tasks.
Save any slider as a reusable local template
Create new sliders from installed templates
Filter templates by Hero, Carousel, Fullscreen, Ticker and Video
Free, Pro and Installed template state badges
Remote catalog with preview and duplicate prevention
Export sliders and templates as `.zoro` package files
Import progress UI, metadata and error states
Addon architecture for export and debugging workflows
Reusable asset system
Templates · Imports · Addons
Package format
.zoro files
Template groups
Hero · Video · Carousel
Addon naming
zoro-slider-{name}
Import guards
Type checked
Debugger addon
Remote catalog
.zoro import/export
Templates & addons
Template library, import/export and addon workflows.
Reusable templates and package workflows make it easier to move slider designs between projects, preserve production layouts and expand the plugin with focused addons.
Screenshot
Template library - remote catalog view
Remote template catalog in grid mode with category filter tabs, Free, Pro and Installed badges, and preview buttons.
Screenshot
New slider from template dialog
Template selector modal triggered from the sliders page with installed template cards and name field for the new slider.
Screenshot
Import .zoro dialog - with progress
Import modal showing upload progress, package metadata and success state with redirect button.
Screenshot
Export modal - slider as .zoro
Export modal for a slider showing package name field, included assets summary and download button.
Screenshot
Debugger addon - DB + draft inspector
Debugger panel showing saved DB JSON, parsed localStorage draft, sync timestamp and copy actions.
Professional foundation
Built with the details expected from a serious WordPress plugin.
WordPress-safe operations
Nonce verification, capability checks and ownership checks protect privileged create, update, delete, clone, preview, import and export actions.
Safer frontend output
URLs, attributes, inline styles and text contexts are escaped, with placeholders handled by rendering context.
Remote request handling
JSON imports, YouTube playlists and remote templates use timeout handling, safe errors and external-service disclosures.
Production packaging
Release packaging excludes development-only content and keeps compiled assets ready for plugin distribution.
Documentation
Installation, source types, placeholders, settings, layers, embeds, import/export, events and methods are covered.
Optional debugging
Debugger tools live in an addon so production core stays cleaner while advanced troubleshooting remains available.
Visual workflow
See the WordPress workflows that make the plugin feel complete.
These preview areas are ready for real screenshots, but the surrounding content already explains the workflow and why each screen matters.
Admin dashboard
Plugin dashboard overview
Show the product overview, compatibility panel, changelog, quick access links and version badge.
Dashboard overview screenshot
Screenshot
Slider library
Slider manager
Show grid/list view, source badges, search, preview, edit, clone, export, embed and delete actions.
Slider manager screenshot
Screenshot
Visual canvas
Builder workspace
Show slide canvas, side panels, top menu, rulers, guide lines, grid and layout columns.
Builder workspace screenshot
Screenshot
Layer composition
Layer editing
Show text, caption, shape, image, button, icon, HTML, audio and video layers on one slide.
Layer editing screenshot
Screenshot
Dynamic sources
Source settings
Show Manual, Posts, JSON and YouTube source panels with mapping and limits.
Source settings screenshot
Screenshot
Template system
Template library
Show local and remote templates with category filters, Free/Pro/Installed states and preview actions.
Template library screenshot
Screenshot
Portable sliders
Import and export
Show `.zoro` package import/export, progress UI, metadata, success and error states.
Import/export screenshot
Screenshot
Rich media
Media workflow
Show background video, audio layer, video layer and Plyr media controls.
Media workflow screenshot
Screenshot
Transitions have their own page.
Browse and test all built-in transition families without crowding this overview.
Open transitions →Demos show industry-specific usage.
Hero sections, product stories, media galleries and campaign banners for real markets.
Open demos →Examples isolate individual behavior.
Responsive scaling, media layers, progress indicators, carousel modes and API integration.
Open examples →Common questions
Common FAQs about the plugin.
Clear answers about who ZoroSlider is for, what it builds and how much control it gives you.
Is ZoroSlider mainly a WordPress plugin? +
Yes. This product is focused on the WordPress plugin experience: visual building, admin management, templates, source types, shortcodes and frontend rendering. The published sliders are powered by a capable frontend runtime underneath.
What layout modes are available? +
ZoroSlider supports default, fixed, fullWidth, fullWidthScoped and fullScreen layouts, so sliders can work inside boxed pages, parent-width sections, browser-wide full-bleed areas and viewport-filling hero sections.
What layer types can I use? +
Layers can be text, captions, shapes, images, buttons, icons, HTML, audio and video. Each layer can have its own position, z-index, animation timing, responsive visibility and device behavior.
Can sliders be generated from WordPress content? +
Yes. ZoroSlider supports manual builder slides, WordPress posts, JSON imports and YouTube playlists, with placeholders for dynamic titles, excerpts, links, images, video data and custom fields.
Does ZoroSlider support videos and audio? +
Yes. It supports background videos, video layers, audio layers and media events, including behavior that avoids interrupting playing media during autoplay transitions.
Can developers still customize the published slider? +
Yes. Public methods and zoroslider:* events let developers control navigation, autoplay, layout refresh, layers, media and slide state from custom UI or project-specific scripts.
Can ZoroSlider work on CSS-heavy WordPress themes? +
Yes. The frontend output uses scoped slider CSS and has been hardened against common framework, reset and theme conflicts.
Ready to build
For teams that need control after the demo looks good.
One WordPress plugin for site owners, designers and developers. Built for repeatable production work, not one-off sliders.