Blog Components
Blog layout components including grids, lists, and post pages with visual previews for all components.
import { ... } from "@/components/blocks/blog"BlogGrid3Col
FreeImport BlogGrid3Col from @/components/blocks/blog
BlogGrid2Col
ProImport BlogGrid2Col from @/components/blocks/blog
BlogFeatured
ProImport BlogFeatured from @/components/blocks/blog
BlogList
ProImport BlogList from @/components/blocks/blog
BlogGrid4Col
ProImport BlogGrid4Col from @/components/blocks/blog
BlogGridMasonry
ProImport BlogGridMasonry from @/components/blocks/blog
BlogGridMinimal
ProImport BlogGridMinimal from @/components/blocks/blog
BlogGridHorizontal
ProImport BlogGridHorizontal from @/components/blocks/blog
BlogGridCompact
ProImport BlogGridCompact from @/components/blocks/blog
BlogListAlternating
ProImport BlogListAlternating from @/components/blocks/blog
BlogListCompact
ProImport BlogListCompact from @/components/blocks/blog
BlogListNoImage
ProImport BlogListNoImage from @/components/blocks/blog
BlogListWithSidebar
FreeImport BlogListWithSidebar from @/components/blocks/blog
BlogListTimeline
ProImport BlogListTimeline from @/components/blocks/blog
BlogFeaturedHero
ProImport BlogFeaturedHero from @/components/blocks/blog
BlogFeaturedSplit
ProImport BlogFeaturedSplit from @/components/blocks/blog
BlogFeaturedOverlay
ProImport BlogFeaturedOverlay from @/components/blocks/blog
BlogFeaturedCarousel
ProImport BlogFeaturedCarousel from @/components/blocks/blog
BlogPostStandard
ProImport BlogPostStandard from @/components/blocks/blog
BlogPostWithSidebar
ProImport BlogPostWithSidebar from @/components/blocks/blog
BlogPostWide
ProImport BlogPostWide from @/components/blocks/blog
BlogPostMagazine
ProImport BlogPostMagazine from @/components/blocks/blog
BlogPostMinimal
ProImport BlogPostMinimal from @/components/blocks/blog
BlogPostNewsletter
ProImport BlogPostNewsletter from @/components/blocks/blog
BlogGridFiltered
ProImport BlogGridFiltered from @/components/blocks/blog
All 25 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/blog