A blog section featuring a responsive grid layout with decorative vertical lines, article cards, and a 'View All' call-to-action button built with Tailwind CSS.
A responsive blog section featuring a grid layout of article cards with cover images and dates, including a 'View All' call-to-action button built with Tailwind CSS and Lucide icons.
An editorial blog index layout featuring a prominent hero post followed by a responsive 4-column grid of article cards, utilizing Shadcn UI components like Card, Badge, and Separator.
A responsive navigation component featuring two linked cards for previous and next articles, including hover-triggered arrow animations and clear title labels.
A responsive blog post grid featuring immersive imagery, gradient overlays, and metadata including author, date, and read time, built with Tailwind CSS and Framer Motion.
A clean, responsive blog post grid layout featuring bordered cards, metadata display for authors and categories, and a full-width divider structure built with Tailwind CSS.
A minimalist blog post list featuring a clean layout with dashed dividers, hover-activated background states, and a responsive design that displays post titles, dates, and descriptions.
A high-density, hairline-divided blog post list featuring category tags, article titles, dates, and read times with hover-activated arrow animations for improved navigation.
A responsive three-column blog post grid featuring cards with image placeholders, category labels, titles, excerpts, and metadata, enhanced with hover-triggered shadow effects and smooth transition animations.
A two-column blog layout featuring a large featured image on the left and a list of divider-separated article entries on the right, complete with metadata, author details, and interactive arrow hover effects.
A featured blog hero section featuring a large primary article with side-by-side layout, followed by a three-column grid of secondary posts, including author avatars, badges, and read-more links.
Select an Item to view its code
Choose an item from the list to view its code and files.