Animated Underline for Links in Posts
Replaces the plain underline on links inside post content with a thin line that thickens on hover, a subtle touch that keeps links easy to spot.
Snippet Library
WordPress code snippets, ready to use
3,040 free snippets from the WPIDE team and the community. Copy the code, or add any snippet to your site in one click with WPIDE.
Brand Button Styles (SCSS)
Restyles theme and block buttons with your brand color, hover and focus states, generated from a few SCSS variables.
Button Block Hover Effects (SCSS)
Adds a smooth lift, shadow and color shift when visitors hover over or focus Button blocks, with motion turned off for people who prefer reduced motion.
Button Block Style: Arrow
Adds an "Arrow" style to the Button block that shows a small arrow after the text which nudges forward on hover, a classic "Learn more" look.
Buttons With Automatically Readable Text (SCSS)
Styles buttons from one brand color and picks black or white text automatically based on how light the color is, with matching hover and focus states, so button text always stays readable.
Card Layout for the Post Grid Shortcode (SCSS)
Styles the [post_grid] shortcode output as clean cards with rounded images, a subtle shadow on hover and clamped excerpts, respecting reduced-motion settings.
Card Style for Query Loop Posts (SCSS)
Turns each post in Query Loop blocks into a card with padding, rounded corners, a soft shadow and a lift on hover, for blog and archive templates in block themes.
Copyable Anchor Links on Headings
Gives h2 to h4 headings in posts and pages an ID and a small # link that appears on hover, so readers can share a link to an exact section.
Equal-Height Card Grid Style (SCSS)
Turns any Columns or Group block with the class "card-grid" into a responsive grid of equal-height cards with shadows and hover lift.
Extra Quick Links on Network Sites Rows
Adds Plugins, Users and Settings links to each row's hover actions in Network Admin > Sites, so you can jump straight to the screen you need on that site.
Featured Image Hover Zoom on Archives (SCSS)
Adds a gentle zoom to featured images on the blog page, archives and Query Loop blocks when visitors hover over a post, making lists feel more interactive.
Flag Orders That Have a Customer Note
Adds a narrow column to the admin orders list with an icon on orders where the customer left a note, and shows the note when you hover over it.
Gallery Hover Zoom (SCSS)
Adds rounded corners and a gentle zoom on hover to images in Gallery blocks and classic galleries, with motion turned off for visitors who prefer reduced motion.
Image Block Styles: Polaroid, Frame and Tilt
Adds three photo styles to the Image block: a white polaroid card, a thin inset frame, and a playful slight tilt that straightens on hover.
Image Magnifier Lens on Hover
Shows a round magnifying lens over chosen images as visitors move the mouse across them, using the largest version of the image available. Opt in per image with a CSS class.
Keep Speculative Loading Away From Cart, Checkout and Account Pages
Tells WordPress's built-in speculative loading (prefetching pages on hover) to skip cart, checkout and account pages, which are personal, never cached and expensive to build, so hovering over their links no longer costs server time.
Modern Product Grid Cards (SCSS)
Restyles the WooCommerce shop grid into clean cards with rounded images, consistent spacing, aligned buttons and a hover effect.
Navigation Block Style: Animated Underline on Hover
Adds an "Underline on hover" style to the Navigation block, where a line slides in under menu links on hover and stays under the current page link.
Open Dropdown Menus With the Keyboard
Shows a classic theme's dropdown submenu while a keyboard user tabs through it, for themes whose dropdowns only open on mouse hover.
Outline Blocks While Editing
Draws a faint dashed outline around blocks as you hover over them in the editor, making nested groups, columns and empty blocks easy to see.
Play Videos on Hover
Plays muted Video blocks with the class "wpide-hover-play" while the mouse is over them and pauses when it leaves, like product previews in online stores.
Prerender Links on Hover
Upgrades WordPress speculative loading (6.8+) from prefetch to prerender with moderate eagerness, so pages open almost instantly after a hover.
Primary Site and Profile Links on Network Users Rows
Adds two hover links under each user in Network Admin > Users, one to the dashboard of their first site (with their site count) and one straight to their profile.
Rounded Buttons Through theme.json
Sets the shape, padding and weight of all buttons (Button block, search and form buttons) in a block theme through theme.json, including a darker hover color.