Pinned Blogs | rocketmxnui - Free UI Components to build beautiful websites

A responsive blog grid where each card’s title bar pins while scrolling. Accepts an array of items with title, description, image, and href.

A scrollable, columnar blog collection. Titles remain pinned (sticky) as their image and description scroll underneath, creating a magazine-style reading effect.

Behavior

Responsive grid — single column on mobile, 2 columns on medium, 3 on large screens.
Sticky title bar — each card’s header pins near the top while its content scrolls below.
Animated entrance — cards fade/slide in as they come into view.
Hover effect — cover image scales up slightly on hover.
Decorative grid — subtle background pattern + vertical dividers for structure.

Props

items: { title: string; description: string; img: string; href?: string }[] — array of blog entries.
className — optional extra classes for the container.
colGap — column spacing (px, default 32).
rowGap — row spacing (px, default 48).
pinTop — (planned) custom offset for sticky titles; currently top: -20 by default.

Echoes in Quiet Light

Dawn bends across glass and stone. The silence isn’t empty—it’s the prelude to everything. Step slow, as if the light itself is listening.

Fragments on Making

Creation is less blueprint, more orbit. You drift, you improvise, you catch fragments of truth as they fall through the void.

Discipline of Seeing

Look once, you notice form. Look twice, you notice fracture. Look long enough, and the fracture itself becomes the form.

Silent Geometry

Some mornings refuse to be hurried. The shadows stretch, the air holds its breath, and you realize the pause is the point.

Blueprints for the Invisi...

Tools don’t dictate; they conspire. Every constraint is an invitation to invent, every flaw a door into another world.

Third Glance Theory

To see is to unlearn. The first glance is surface; the second, suspicion; the third, a kind of surrender.

The Weight of Light

Light moves like memory—slant, imperfect, fleeting. You don’t capture it; you walk through it, and it marks you.

Are You Watching Closely?

The act of building is an act of risk. Every sketch is a wager, every cut a confession: are you watching closely?

Pattern Behind the Patter...

Vision isn’t arrival, it’s recursion. Each return is a deeper orbit, each orbit a chance to catch the pattern behind the pattern.