Blog Blocks based on shadcn/ui
In the example below, each card represents a distinct piece of information, featuring an image, a title, a brief description, and some additional details like author attribution and the post date, built with shadcn/ui for visual consistency.
Otto Gonzalez
Posted on 26 May
Chriss Smahos
Posted on 03 May
Elijah Miller
Posted on 12 April
import SimpleBlogContent01 from "@/components/creative-tim/blocks/simple-blog-content-01"
export default function Page() {
return <SimpleBlogContent01 />
}
Use this versatile blog section example that includes cards for each blog post with a suggestive image, title, description, author, publication date, and category of the blog post, all styled using shadcn/ui components.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROLatest Blog Posts
Blog Posts
This is the paragraph where you can write more details about blogs. Keep you user engaged by providing meaningful information.
Ryan Samuel
10 September 2022
Nora Hazel
12 September 2022
Otto Gonzalez
16 September 2022
Ryan Samuel
18 September 2022
Nora Hazel
18 September 2022
Otto Gonzalez
22 September 2022
import BlogCardsLayout01 from "@/components/creative-tim/blocks/blog-cards-layout-01"
export default function Page() {
return <BlogCardsLayout01 />
}
This example is perfect if you want to emphasize the blog post's categories, using shadcn/ui elements for clean tag styling and balanced spacing.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROLatest Blog Posts
Explore Our Places
This is the paragraph where you can write more details about blogs. Keep you user engaged by providing meaningful information.
Otto Gonzalez
Autodesk looks to future of 3D printing with Project
Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens bed design but the back is too high for the beams and angle of the ceiling.
Ryan Samuel
Lyft launching cross-platform service this week
Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens bed design but the back is too high for the beams and angle of the ceiling.
Nora Hazel
6 insights into the French Fashion landscape
Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens bed design but the back is too high for the beams and angle of the ceiling.
import BlogPostPreviewTags01 from "@/components/creative-tim/blocks/blog-post-preview-tags-01"
export default function Page() {
return <BlogPostPreviewTags01 />
}
This UI section is used to highlight featured articles, blog entries, services, or categories on a platform, enticing users to explore various topics with well-structured shadcn/ui design elements.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROCheck out what's new
We get insulted by others, lose trust for those others. We get back freezes every winter
Landscape
import HighlightedBlogPosts01 from "@/components/creative-tim/blocks/highlighted-blog-posts-01"
export default function Page() {
return <HighlightedBlogPosts01 />
}
Try this articles collection block with rectangular images, presented through shadcn/ui cards for a modern and consistent appearance.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROAutodesk looks to future of 3D printing with Project
Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens bed design but the back is too high for the beams and angle of the ceiling.
Ryan Samuel
10 September 2022
Lyft launching cross-platform service this week
Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens bed design but the back is too high for the beams and angle of the ceiling.
Nora Hazel
12 September 2022
6 insights into the French Fashion landscape
Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens bed design but the back is too high for the beams and angle of the ceiling.
Otto Gonzalez
16 September 2022
Autodesk nice looks to future of 3D printing with Project
Don't be scared of the truth because we need to restart the human foundation in truth And I love you like Kanye loves Kanye I love Rick Owens bed design but the back is too high for the beams and angle of the ceiling.
Ryan Samuel
18 September 2022
import BlogRectangularImages01 from "@/components/creative-tim/blocks/blog-rectangular-images-01"
export default function Page() {
return <BlogRectangularImages01 />
}
The layout presented in the block below is a combination of image and text, typically used for featured articles, blog posts, or news items on a website. The large image draws the viewer's attention, while shadcn/ui ensures balanced layout and typography.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PRO
Business
Autodesk looks to future of 3D with Project Escher
Warner Music Group announced today it's acquiring the selected assets of the music platform Songkick, including its app for finding concerts and the company's trademark. Songkick has been involved in a lawsuit against the major… Read More
Otto Gonzalez
10 October 2024
import LargeBlogPreview01 from "@/components/creative-tim/blocks/large-blog-preview-01"
export default function Page() {
return <LargeBlogPreview01 />
}