articles blocks

87 production-ready articles blocks across these categories:

Block	Title	Category	Access	Install
blog13	Sidebar with Categories	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog13`
blog12	Masonry Pinterest Grid	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog12`
blog11	Compact Thumbnail List	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog11`
blog31	Full-Width Hero Banners	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog31`
blog30	Hover Reveal Overlay	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog30`
blog27	Newspaper Editorial Style	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog27`
blog26	Polaroid Photo Gallery	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog26`
blog25	Split Image with List	Blog	Free	`npx shadcn add https://ui.beste.co/r/blog25`
blog22	Full-Width Stacked Cards	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog22`
blog18	Month-Grouped Archive	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog18`
blog10	Alternating Feature Cards	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog10`
blog8	Category Tabs Filter	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog8`
blog5	Horizontal List with Icons	Blog	Pro	`npx shadcn add https://ui.beste.co/r/blog5`
blog4	Featured Hero with Grid	Blog	Free	`npx shadcn add https://ui.beste.co/r/blog4`
blog3	Card Grid with Authors	Blog	Free	`npx shadcn add https://ui.beste.co/r/blog3`

PRO

blog13

Sidebar with Categories

Main content area with horizontal post cards plus sidebar. Categories show post counts and popular tags section with clickable badges.

PRO

blog12

Masonry Pinterest Grid

Pinterest-style masonry layout with varying content heights. CSS columns create organic flow with cards of different summary lengths.

PRO

blog11

Compact Thumbnail List

Two-column compact blog list with small square thumbnails. Space-efficient design showing many posts at once with minimal metadata.

PRO

blog31

Full-Width Hero Banners

Wide cinematic banners with centered text overlay. Large bold titles on semi-transparent backgrounds. Immersive visual storytelling format.

PRO

blog30

Hover Reveal Overlay

Grid of image cards with gradient overlays. Summaries expand on hover with smooth max-height animation. Titles always visible with white text.

PRO

blog27

Newspaper Editorial Style

Classic newspaper layout with serif fonts and bordered headline. Large main story on left, stacked secondary stories on right with dividers.

PRO

blog26

Polaroid Photo Gallery

Playful polaroid-style cards with random rotations and white borders. Cards straighten on hover for a fun, casual photo gallery feel.

FREE

blog25

Split Image with List

Two-column layout with featured image on left and article list on right. Divider-separated entries with arrow hover effects.

PRO

blog22

Full-Width Stacked Cards

Vertically stacked blog cards with 2:1 aspect ratio images. Full article summaries with author avatars and read more buttons. Long-form content showcase.

PRO

blog18

Month-Grouped Archive

Blog archive organized by month with compact list entries. Small thumbnails and formatted dates create a scannable chronological view.

PRO

blog10

Alternating Feature Cards

Large alternating left-right blog cards with full article summaries. Image and content switch sides for visual variety. Read more buttons included.

PRO

blog8

Category Tabs Filter

Filterable blog grid with tab navigation for categories. Posts automatically filter by category selection with smooth content switching.

PRO

blog5

Horizontal List with Icons

Vertical stack of horizontal blog cards with left-aligned thumbnails. Features calendar and clock icons for metadata, author titles, and tag badges.

FREE

blog4

Featured Hero with Grid

Large featured article with side-by-side image and content, followed by a three-column grid of secondary posts. Read more buttons and author details included.

FREE

blog3

Card Grid with Authors

Three-column responsive grid of blog cards featuring author avatars, tag badges, and hover zoom effects. Clean card design with date and read time metadata.