Blog 42 block design & features
Blog42 is an edge-to-edge blog carousel built with Shadcn UI Carousel and Badge components. A heading and description sit in the container above a track whose active slide is centered, with the previous and next slides visible at each side. Each slide is a large padded card with an inset 16:10 image, a secondary category badge, a large title, a longer excerpt, and the date with a small arrow. Dot pagination sits centered below.
Cards are outlined with a hairline border and a slightly larger corner radius than the other blog cards, with generous inner padding around the image. Titles are set at feature size, which makes each slide read like a lead story. The active dot stretches into a dark pill while inactive dots stay small and faint, and the width change is animated. Hovering the image dims it, hovering the title underlines it.
This has a showcase, feature-story character rather than an index feel. Centered alignment, peeking neighbors, and oversized titles make it the most distinctive of the carousel variants. Moderate complexity, needing a few posts with strong images, categories, longer summaries, and dates.
Navigation is by swipe, drag, or the dots, as there are no arrow buttons. Slides grow proportionally narrower on larger screens so more of the neighboring cards shows, and the track loops.