A block-based storybook presentation plugin with rotation. Inspired by Instagram Stories, optimized for mobile-first screens.

Harshit Shingala

Shingala infotech

<p>Story Book Block is a block-based storybook presentation plugin built for the way people actually browse today – vertically, quickly, and on mobile-first screens. Inspired by modern story experiences like Instagram and Web Stories, this plugin brings that same swipeable, immersive format directly into Gutenberg, but with native WordPress blocks and full editorial control. Instead of forcing users into sliders, page builders, or custom layouts, it turns storytelling into a simple block-based experience where each slide becomes a visual “story frame” made with familiar Gutenberg blocks.</p>
<p>Traditional posts are too static, sliders feel outdated, and page builders add unnecessary weight for something that should feel fast, lightweight, and touch-native. A dedicated Gutenberg storybook block solves that by giving creators a purpose-built format for announcements, product highlights, tutorials, portfolios, visual storytelling, and short-form content sequences – especially for users consuming content on phones and tablets.</p>
<p>Each story is built with blocks, stored as blocks, edited in the block editor, and reusable across the site without shortcode lock-in or builder dependency. Editors can build story slides using headings, images, videos, buttons, overlays, and CTA blocks – without learning a separate UI.</p>
<p>Instead of horizontal carousels, this plugin introduces rotating story sequences optimized for portrait interaction – tap, swipe, auto-advance, and loop – designed specifically for mobile and tablet attention patterns. It feels less like browsing a webpage and more like consuming a visual micro-story.</p>
<h3>Features</h3>
<ul>
<li>Mobile-First Touch Interaction: Swipe to change slides, tap left 25% to go back, tap right 25% to go forward.</li>
<li>Hold to Pause: Press and hold (mousedown/touchstart) to pause auto-advancement and active background videos instantly, release to resume.</li>
<li>Multi-Media Backgrounds: Visual options to set slides with solid background colors, custom portrait images, or full vertical HTML5 MP4 videos.</li>
<li>Background Sizing Layouts: Support for multiple media sizing modes: Cover (full screen), Contain (aspect fit), and Auto (original size).</li>
<li>Story Books Custom Post Type (CPT): Create and manage multiple custom story books in a dedicated, distraction-free layout using native Gutenberg blocks.</li>
<li>Generate Multiple Shortcodes: Automatically generates clean copy-pasteable shortcodes (e.g., <code>[storybook id="123"]</code>) displayed directly in your admin list view and sidebar, enabling you to render story books inside page builders, widgets, and posts.</li>
<li>Top Progress Indicator Bars: Sleek, customizable visual timers indicating exact active story slide durations.</li>
<li>Premium Gutenberg Inspector Settings: Full block controls for transitions (Classic Slide, Smooth Fade, 3D Cube Rotation, 3D Card Flip), border-radiuses, shadows, fonts, and colors.</li>
<li>Slick & Modern Settings Panel: Fully custom dark-mode admin control panel with interactive live preview phone simulator to customize global defaults.</li>
</ul>


Alternatives to Story Book Block – Swipeable Presentations with Rotation

Top alternatives