No. 54 of 106
Previous and next story links.
Keep readers moving to their next article. Ten layouts from simple pills to image tiles, a split banner, an “Up next” card, a series strip and tabs that slide out from the screen edges, with category, date, reading time, excerpt, ← → keyboard shortcuts and instant loading on hover.
Real posts from this demo site. On a real post the widget finds the previous and next posts on its own.
Two cards with the featured image, category, date and reading time, and an “all posts” button in the middle that spins on hover. When there is no older or newer post it shows a friendly message instead.
A full-width banner split in two: each half shows the post image under a color wash that lifts on hover. Perfect at the bottom of long features.
Full-image tiles with the title over a soft shade and frosted labels. The photo zooms slowly on hover.
Serif titles, a heavy top rule and a gradient underline that draws itself on hover, like the end of a printed feature.
Previous, current and next lessons side by side. The lesson being read is outlined in a gradient with a pulsing “You are here” marker.
A single large “Up next” card with the excerpt and a button, with the previous issue as a small link underneath. Shown on the dark skin.
Just two arrows and a center button until you hover: then a preview card pops up with the image and title. On this one ← and → on the keyboard open the previous and next post.
Just the labels and titles between two thin lines, with arrows that nudge sideways on hover. Ideal for docs and text-first blogs.
Two small tabs sit on the left and right edges of the screen and slide open on hover to show the post. Pinned to the screen on a real post; kept inside the gray box here so you can try them.
Hover the tabs on the left and right edges of this box.
The cards layout in every skin. Hover effects: lift, zoom, slide, glow, 3D tilt or none.
Light · hover: lift
Soft · hover: slide
Outline · hover: glow
Glass · hover: tilt
Dark · hover: zoom
Gradient · hover: lift
106 elements for news, Post Navigation included.
NewsOn