Accessible Tabs Shortcode
Adds [wpide_tabs] and [wpide_tab title="..."] shortcodes to build tabbed content that works with mouse, keyboard (arrow keys) and screen readers.
Snippet Library
Frontend & Design snippets for WordPress
Snippets that change how your site looks and behaves for visitors: a back-to-top button, announcement bars, custom fonts and styles, smooth scrolling and small layout fixes. For designers and site owners polishing the front of the site.
Animated Number Counter Shortcode
Adds a [wpide_counter to="2500" suffix="+"] shortcode that counts up from zero when the number scrolls into view, for statistics and milestones.
Before/After Image Comparison Slider
Adds a [wpide_compare before="URL" after="URL"] shortcode that overlays two images with a draggable divider, perfect for renovations, retouching and redesigns.
Breadcrumbs Shortcode
Adds a [wpide_breadcrumbs] shortcode that prints Home > Category > Post style breadcrumbs with schema.org markup, for themes that do not have them.
Click-to-Copy Shortcode for Coupon Codes
Adds a [wpide_copy text="SAVE20"] shortcode that shows the code in a dashed box with a Copy button, and confirms with "Copied!" when clicked.
Modal Window Shortcode (No Cookies, No Library)
Adds a [wpide_modal button="Open"]...[/wpide_modal] shortcode that shows a button which opens its content in an accessible modal window, built on the native dialog element.
Progress Bar Shortcode
Adds a [wpide_progress value="75" label="Funding goal"] shortcode that draws a labeled progress bar, for fundraising goals, skills or project status.
Tooltip Shortcode for Terms and Abbreviations
Adds a [wpide_tooltip tip="Explanation"]term[/wpide_tooltip] shortcode that shows a small explanation bubble on hover, tap or keyboard focus.
Typing Text Effect Shortcode
Adds a [wpide_typing words="faster|safer|simpler"] shortcode that types and deletes each word in turn, for lively hero headlines like "Make your site faster".