shadcn/ui article blocks & components.
shadcn/ui 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
Article 1FreeBlog post article with a category badge, author byline and read time, cover image, prose body with a blockquote, and tag and share footer.
Article With Scroll-Spy Contents
Article 2FreeLong-form article with a sticky table of contents sidebar that scroll-spies and highlights the active section, collapsing to one column on mobile.
Documentation Page
Article 3FreeDocumentation article with breadcrumb navigation, a last-updated line, prose body containing a code block, and previous and next pagination cards.
Magazine Feature With Drop Cap
Article 4FreeMagazine feature article with a centered headline, wide cover image, drop-cap opening paragraph, pull quote, and save and share actions.