ULTRAKIT · WIDGET #157

14 classic news layouts, 10 block-header styles, category tabs and more stories without reloading — plus a switch that stops a story from appearing twice on the same page.

14 layouts10 header stylescategory tabsload more · arrowsno repeated stories5 skins
NEWS HOMEPAGE · NO REPEATS

Each block below has “Don’t repeat stories” on, so a story shown in Top Stories never shows up again in Business, Most Read or Latest.

Tuesday edition · Example news site
The Brookfield Daily
Local news, business, travel and tech

Top Stories

All news
LIFESTYLE MAGAZINE · EDITORIAL

The editorial layout lays the headline over the edge of the photo, with more stories as clean text links underneath. Paper skin and a big newspaper heading.

The Weekend Edition

TECH NEWS · DARK

A dark card grid with a “Load more stories” button — new stories slide in without leaving the page. Underneath, a side-scrolling rail with arrows.

Technology

BLOG · MORE LAYOUTS

A list with previous / next arrows, a photo mosaic, compact two-column lists, headlines only and a split layout — five more ways to lay out the same stories.

From the Blog

THREE STEPS

Made for news sites, magazines, blogs and newsletters.

1

Drop in a block

Pick one of 14 layouts and a header style — or start from a ready-made section.

2

Choose the stories

Latest, by category or tag, most commented, random or hand-picked. Add category tabs or a load-more button.

3

Stack them up

Turn on “Don’t repeat stories” on every block and the homepage never shows the same story twice.