Blog
Blog Slider
A thin band of small post cards that moves on one card every few seconds, looping, with no controls.
Layout and motion from the Denzel template — see it in contextTry it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | "Latest posts" | Names the band (a visually hidden heading). |
| posts | { title, href, image, date?, dateTime? }[] | 6 posts | The cards: an 80px square photo under a 20% veil beside the title over the date. |
| interval | number | 5 | Seconds between steps. |
| className | string | — | Classes for the <section>. |
- 4 cards in view from 1024px, 2 from 768px, 1 below, 30px apart. Every interval the row moves one card on a spring (200 / 40 / 1) and loops for ever; no arrows, dots or dragging, and it does not stop under the pointer.
- It waits while a card holds focus, off screen and in a hidden tab, and stands still when every post fits and with reduced motion. Pointing at a card clears its veil and settles its photo from 110%.
