shadcn/ui article blocks & components.
shadcn/ui article blocks & components.Long-form article and reading layouts for shadcn/ui: centered editorial pages with bylines and cover images, docs articles with breadcrumbs and code blocks, magazine features with drop caps and pull quotes, and a scroll-spy table of contents. Typography-first blocks for blogs, docs, and editorial pages.
Centered Blog Post
Variant 1Blog post article with a category badge, author byline and read time, cover image, prose body with a blockquote, and tag and share footer.
@7ovr/article-1Article With Scroll-Spy Contents
Variant 2Long-form article with a sticky table of contents sidebar that scroll-spies and highlights the active section, collapsing to one column on mobile.
@7ovr/article-2Documentation Page
Variant 3Documentation article with breadcrumb navigation, a last-updated line, prose body containing a code block, and previous and next pagination cards.
@7ovr/article-3Magazine Feature With Drop Cap
Variant 4Magazine feature article with a centered headline, wide cover image, drop-cap opening paragraph, pull quote, and save and share actions.
@7ovr/article-4Article With Author Sidebar
Variant 5Article layout with a sticky sidebar holding an author bio card, related post links, and an inline newsletter signup form.
@7ovr/article-5
