Content Blocks based on shadcn/ui
Activity feed grouped by day with tabs for deployments, billing, team, and security. Features avatars, status badges, and alert actions.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROActivity Feed
Monitor updates across deployments, billing, and security.
Today
3 updatesDeployment completed
DeploymentsUnreadAPI gateway v3.2 shipped to production.
Invoice paid
BillingUnreadInvoice #1290 was paid via card ending 4231.
New teammate invited
TeamMia Chen joined the workspace as Admin.
Yesterday
3 updatesSecurity policy updated
SecurityMFA enforcement enabled for all admins.
Deployment failed
DeploymentsDocs site build failed on the main branch.
Payment method updated
BillingPrimary billing card was changed by finance.
Activity is retained for 90 days. Export logs for compliance.
import ActivityFeed from "@/components/creative-tim/blocks/activity-feed"
export default function Page() {
return <ActivityFeed />
}
Product roadmap board with now/next/later columns, idea votes, and tags. Ideal for showcasing feature priorities and community feedback.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROProduct Roadmap
Vote on features and track what is shipping next.
Now
2 itemsIn progress this sprint
SAML SSO Support
Enterprise-ready authentication rollout.
SecurityUsage-based Billing
Real-time usage sync and proration.
BillingNext
2 itemsComing up soon
AI release notes
Generate summaries for every deploy.
AIWorkspace templates
Ship preconfigured dashboards faster.
WorkflowLater
2 itemsIdeas in discovery
Multi-region data residency
Choose EU or US primary data storage.
ComplianceMobile admin
Manage ops on the go.
Mobileimport RoadmapBoard from "@/components/creative-tim/blocks/roadmap-board"
export default function Page() {
return <RoadmapBoard />
}
Changelog timeline using timeline components, version badges, tags, and release summaries. Great for product update pages and release notes.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROChangelog Timeline
Track product updates and release notes by version.
Automations Engine
New workflow builder with reusable templates and live execut...
Billing Controls
Add-on manager, usage alerts, and overage protection toggles...
Security & Compliance
Audit log exports, MFA enforcement, and session policies....
import ChangelogTimeline from "@/components/creative-tim/blocks/changelog-timeline"
export default function Page() {
return <ChangelogTimeline />
}
Notification inbox with tabs for all, unread, and archived items. Features bulk actions, category badges, and avatar-based context.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PRONotification Inbox
Review and triage team notifications in one place.
Security policy updated
UnreadMFA enforcement enabled for all admins.
Payment succeeded
UnreadInvoice #1290 was paid successfully.
New deployment
API gateway v3.2 deployed to production.
Comment on ticket
Support team replied to SUP-1290.
import NotificationInbox from "@/components/creative-tim/blocks/notification-inbox"
export default function Page() {
return <NotificationInbox />
}
Professional blog post layout with featured image, multiple paragraph sections, topic tags, and social sharing buttons. Perfect for blog articles, news posts, and long-form content.
Photo by Jackson Sophat on Unsplash
Thank you Anna for the invite thank you to the whole Vogue team And I love you like Kanye loves Kanye.
The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever happens with climate change. Even if the Arctic continues to be one of the fastest-warming regions of the world, it will always be plunged into bitterly cold polar dark every winter. And year-by-year, for all kinds of natural reasons, there's huge variety of the state of the ice.
So what does the new record for the lowest level of winter ice actually mean
For a start, it does not automatically follow that a record amount of ice will melt this summer. More important for determining the size of the annual thaw is the state of the weather as the midnight sun approaches and temperatures rise. But over the more than 30 years of satellite records, scientists have observed a clear pattern of decline, decade-by-decade.
The Arctic Ocean freezes every winter and much of the sea-ice then thaws every summer, and that process will continue whatever happens with climate change. Even if the Arctic continues to be one of the fastest-warming regions of the world, it will always be plunged into bitterly cold polar dark every winter. And year-by-year, for all kinds of natural reasons, there's huge variety of the state of the ice.
Society has put up so many boundaries, so many limitations on what's right and wrong that it's almost impossible to get a pure thought out.
import BlogContentBlock from "@/components/creative-tim/blocks/blog-content-block"
export default function Page() {
return <BlogContentBlock />
}
Two-column blog content layout featuring extensive text content with headings and a large featured image. Includes a call-to-action button for engaging readers with additional content.
Building the Future of Digital Experiences
Discover how modern development practices and cutting-edge technologies are reshaping the way we create and deliver digital products. From design systems to deployment strategies, learn the essential principles that drive success in today's fast-paced development landscape.
Our comprehensive approach combines industry best practices with innovative solutions, empowering teams to build scalable, maintainable applications that users love. Explore proven methodologies and real-world insights from successful projects.
Key Takeaways:
- Implement component-driven development for maximum reusability
- Leverage design systems to maintain consistency at scale
- Optimize performance with modern build tools and techniques
- Foster collaboration through documentation and shared workflows
Photo by Unsplash
Modern architectural design inspiring digital innovation
import BlogContentBlockWithCtaButton from "@/components/creative-tim/blocks/blog-content-block-with-cta-button"
export default function Page() {
return <BlogContentBlockWithCtaButton />
}
Blog article template with featured image, headline, and body paragraphs. Includes an elegantly styled blockquote with author avatar and attribution for highlighting key statements.
Photo by Jackson Sophat on Unsplash
Find more great partners
It really matters and then like it really doesn't matter. What matters is the people who are sparked by it. And the people who are like offended by it, it doesn't matter.
We are here to make life better. And now I look and look around and there's so many Kanyes I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound... and thank you for turning my personal jean jacket into a couture piece.I speak yell scream directly at the old guard on behalf of the future. daytime All respect prayers and love to Phife's family Thank you for so much inspiration.
"And thank you for turning my personal jean jacket into a couture piece."
— Kanye West, Producer
And now I look and look around and there's so many Kanyes I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound... and thank you for turning my personal jean jacket into a couture piece. I love this new Ferg album! The Life of Pablo is now available for purchase I have a dream. Thank you to everybody who made The Life of Pablo the number 1 album in the world! I'm so proud of the nr #1 song in the country. Panda! Good music!
import BlogContentBlockWithQuotes from "@/components/creative-tim/blocks/blog-content-block-with-quotes"
export default function Page() {
return <BlogContentBlockWithQuotes />
}
Travel and accommodation booking showcase with property images, details, and descriptions. Three-column grid layout perfect for hotel listings, vacation rentals, and booking platforms.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROExceptional Stays Worldwide
Handpicked accommodations offering unforgettable experiences. From beachfront villas to mountain cabins, find your perfect escape with verified reviews and instant booking.
Luxury Beachfront Villa
$450
per night
Wake up to breathtaking ocean views in this stunning beachfront villa featuring modern amenities, private pool, and direct beach access.
Modern Downtown Apartment
$280
per night
Stylish urban retreat in the heart of the city with panoramic skyline views, premium finishes, and walking distance to top attractions.
Cozy Mountain Cabin
$380
per night
Escape to this charming mountain retreat surrounded by nature, perfect for ski enthusiasts with cozy fireplaces and stunning alpine views.
import BookingContentBlock from "@/components/creative-tim/blocks/booking-content-block"
export default function Page() {
return <BookingContentBlock />
}
Three-column grid of tall image cards with dark overlay filters and white text overlay. Perfect for feature showcases, portfolio items, and visual content highlights.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROExplore Inspiring Experiences
Dive into curated stories that inspire action, spark creativity, and celebrate the beauty of our world. Each journey offers unique insights and unforgettable moments.
Adventure & Exploration
Discover breathtaking landscapes and embark on journeys that transform your perspective. Every adventure starts with a single step into the unknown.
Innovation & Creativity
Push boundaries and reimagine possibilities through innovative design thinking. Where technology meets artistry, magic happens.
Nature & Wilderness
Experience the raw beauty of untouched landscapes. Nature's grandeur reminds us of the extraordinary world we call home.
import ContentBlockWithImageFilter from "@/components/creative-tim/blocks/content-block-with-image-filter"
export default function Page() {
return <ContentBlockWithImageFilter />
}
Creative asymmetric image gallery with varied column layouts. Features a badge, headline, and description above a responsive grid perfect for showcasing spaces, locations, or portfolios.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROExplore our places in London
If you can't decide, the answer is no. If two equally difficult paths, choose the one more painful in the short term (pain avoidance is creating an illusion of equality).
import ContentBlockWithImages from "@/components/creative-tim/blocks/content-block-with-images"
export default function Page() {
return <ContentBlockWithImages />
}
Company or partner logo showcase grid followed by feature cards with icons and descriptions. Ideal for displaying client logos, integrations, or technology partners with related features.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROPowering Innovation for Industry Leaders
Join thousands of forward-thinking companies who trust our platform to build exceptional digital experiences and drive growth.
Lightning Fast Performance
Built with modern web technologies and optimized for speed. Experience blazing-fast load times and smooth interactions that keep users engaged.
Enterprise-Grade Support
Get dedicated assistance from our expert team. We're committed to helping you succeed with 24/7 support and comprehensive documentation.
Powerful Features
Access a complete toolkit of advanced features designed for scalability. From analytics to automation, everything you need in one platform.
import ContentBlockWithLogos from "@/components/creative-tim/blocks/content-block-with-logos"
export default function Page() {
return <ContentBlockWithLogos />
}
Two-column layout balancing multiple text paragraphs with stacked images. Perfect for article content, about pages, or detailed explanations with supporting visuals.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROBuilding Digital Experiences That Drive Results
In today's fast-paced digital landscape, creating exceptional user experiences is no longer optional—it's essential. Our platform empowers teams to build stunning interfaces that not only look beautiful but also deliver measurable business outcomes. From startups to enterprises, we provide the tools needed to succeed.
Every component is carefully crafted with attention to detail, ensuring consistency across your entire application. We believe that great design should be accessible to everyone, which is why our library combines professional aesthetics with developer-friendly implementation. No compromise between beauty and functionality.
Whether you're building a marketing website, a SaaS dashboard, or an e-commerce platform, our components adapt to your needs. With built-in responsive design, accessibility features, and customizable themes, you can launch faster without sacrificing quality. Join thousands of developers who trust us to power their digital products.
import ContentBlockWithParagraphs from "@/components/creative-tim/blocks/content-block-with-paragraphs"
export default function Page() {
return <ContentBlockWithParagraphs />
}
Project management cards displaying project icons, titles, descriptions, participant avatars, and due dates. Includes dropdown menus and an add new card option for project dashboards.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROProjects
See all our projects
Facebook Bot
If everything I did failed - which it doesn't, I think that it actually succeeds.
Participants
02.03.24
Due date
Social Posts
Pink is obviously a better color. Everyone's born confident, and everything's taken away from you.
Participants
12.06.24
Due date
Web Development
For standing out. But the time is now to be okay to be the greatest you.
Participants
02.03.23
Due date
Blog Articles
You have the opportunity to play this game of life you need to appreciate every moment.
Participants
02.08.24
Due date
Telegram Bot
For standing out. But the time is now to be okay to be the greatest you.
Participants
10.12.24
Due date
Add New Card
import ContentCards from "@/components/creative-tim/blocks/content-cards"
export default function Page() {
return <ContentCards />
}
Rich four-column magazine-style layout combining articles with images, author attributions, and topic listings. Perfect for news sites, blogs, and content-heavy platforms.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROA new way to buy your next home
If you can't decide, the answer is no. If two equally difficult paths, choose the one more painful in the short term (pain avoidance is creating an illusion of equality).
Exploring the Role of Epigenetics in Inherited Traits
Investigate the emerging field of epigenetics and its impact on understanding how environmental factors can influence gene expression and inheritance.
Mathew Glock
Marketing Manager
How Gut Bacteria Affect Our Health and Well-being
Dive into the latest research on the human microbiome.
Mathew Glock
Marketing Manager
How to Build a $24 Billion Dollar Company in Just 2 Years.
I've come to the conclusion that 50% of folks in this world don't even spend enough time alone with their thoughts to have their own opinions. They haven't done the work to decide what they think. And that isn't a rewarding way to live.
Andrew Peterson
Redactor
Biomimicry: Nature-Inspired Innovations
by Mathew Glock
Bringing Back Extinct Species
by Emma Roberts
Podcasts
An interview with Tesla founder.
Alexa Rossa
Interviews
Make $500k through small biz or raise it from family.
By Jonathan Silvia
Podcasts
An interview with Tesla founder.
Alexa Rossa
import ContentRichBlock from "@/components/creative-tim/blocks/content-rich-block"
export default function Page() {
return <ContentRichBlock />
}
Bold dark-themed content sections with white text on black backgrounds. Features category labels, headings, descriptions, and CTA buttons for impactful project showcases.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROour work
Some of Our Awesome Projects
f you can't decide, the answer is no. If two equally difficult paths, choose the one more painful in the short term (pain avoidance is creating an illusion of equality).
Productivity
Search and Discover!
Insight to help you create, connect, and convert. Understand Your Audience's Interests, Influence, Interactions, and Intent. Discover emerging topics and
Design
Find Music and Play!
Insight to help you create, connect, and convert. Understand Your Audience's Interests, Influence, Interactions, and Intent. Discover emerging topics and
website visitors
The Best Productivity Apps on Market
As we live, our hearts turn colder. Cause pain is what we go through as we become older. We get insulted by others, lose trust for those others.
import DarkContentCardsWithCta from "@/components/creative-tim/blocks/dark-content-cards-with-cta"
export default function Page() {
return <DarkContentCardsWithCta />
}
Minimalist blog post template with featured image, hashtags, headline, and body text. Clean and simple design focusing on readability and content presentation.
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#blog #post
The Castle Looks Different at Night...
This is the paragraph where you can write more details about your product. Keep you user engaged by providing meaningful information. Remember that by this time, the user is curious, otherwise he wouldn't scroll to get here. Add a button if you want the user to see more. We are here to make life better.
And now I look and look around and there•s so many Kanyes I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound... and thank you for turning my personal jean jacket into a couture piece.
Thank you Anna for the invite thank you to the whole Vogue team And I love you like Kanye loves Kanye Pand Pand Panda I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound...The Pablo pop up was almost a pop up of influence. All respect prayers and love to Phife•s family Thank you for so much inspiration daytime I love this new Ferg album! The Life of Pablo is now available for purchase I have a dream. Thank you to everybody who made The Life of Pablo the number 1 album in the world! I'm so proud of the nr #1 song in the country. Panda!
import SimpleBlogPostTemplate from "@/components/creative-tim/blocks/simple-blog-post-template"
export default function Page() {
return <SimpleBlogPostTemplate />
}
Social profile section featuring category tags, social media icons, profile image, bio, and follow button. Perfect for author pages, user profiles, and social networking features.
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
Emma Roberts
I've been trying to figure out the bed design for the master bedroom at our Hidden Hills compound...I like good music from Youtube.
import SocialContentBlock from "@/components/creative-tim/blocks/social-content-block"
export default function Page() {
return <SocialContentBlock />
}
Alternating two-column layout pairing dark promotional cards with numbered feature lists. Includes icon header and descriptions, perfect for feature comparisons and service showcases.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROHow To Handle Components
We're constantly trying to express ourselves and actualize our dreams. Don't stop.
website visitors
The Best Productivity Apps on Market
As we live, our hearts turn colder. Cause pain is what we go through as we become older. We get insulted by others, lose trust for those others.
1. Listen to Social Conversations
Gain access to the demographics, psychographics, and location of unique people who talk about your brand.
2. Performance Analyzes
Unify data from Facebook, Instagram, Twitter, LinkedIn, and Youtube to gain rich insights from easy-to-use reports.
3. Social Conversions
Track actions taken on your website that originated from social, and understand the impact on your bottom line.
1. Always In Sync
Gain access to the demographics, psychographics, and location of unique people who talk about your brand.
2. Work With Any Team
Unify data from Facebook, Instagram, Twitter, LinkedIn, and Youtube to gain rich insights from easy-to-use reports.
3. A Productivity Platform
Track actions taken on your website that originated from social, and understand the impact on your bottom line.
social activities
Working on Wallstreet is Not So Easy
There's nothing I really wanted to do in life that I wasn't able to get good at. I'm not really specifically talented at anything except for the ability to learn.
import TwoColumnContentLayout from "@/components/creative-tim/blocks/two-column-content-layout"
export default function Page() {
return <TwoColumnContentLayout />
}
Balanced two-column feature layout with dark promotional sections and icon-accompanied feature lists. Ideal for explaining product features, services, or platform capabilities.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PROSome of Our Awesome Projects
This is the paragraph where you can write more details about your projects. Keep you user engaged by providing meaningful information.
Social Analytics
Insight to help you create, connect, and convert. Understand Your Audience's Interests, Influence, Interactions, and Intent. Discover emerging topics and influencers to reach new audiences.
Listen to Social Conversations
Gain access to the demographics, psychographics, and location of unique people who talk about your brand.
Performance Analyzes
Unify data from Facebook, Instagram, Twitter, LinkedIn, and Youtube to gain rich insights from easy-to-use reports.
Social Conversions
Track actions taken on your website that originated from social, and understand the impact on your bottom line.
Always In Sync
Gain access to the demographics, psychographics, and location of unique people who talk about your brand.
Work With Any Team
Unify data from Facebook, Instagram, Twitter, LinkedIn, and Youtube to gain rich insights from easy-to-use reports.
A Productivity Platform
Track actions taken on your website that originated from social, and understand the impact on your bottom line.
Trello lets you work
Trello's boards, lists, and cards enable you to organize and prioritize your projects in a fun, flexible and rewarding way.
import TwoColumnContentLayoutWithIconsList from "@/components/creative-tim/blocks/two-column-content-layout-with-icons-list"
export default function Page() {
return <TwoColumnContentLayoutWithIconsList />
}
Comments section with reply and like functionality
PROComplete comments section with user avatars, timestamps, nested replies, like buttons, and a comment input form. Ideal for blog posts, articles, and community discussions.
PRO Blocks
This is a PRO block. Upgrade your account to access the source code and install this block via CLI/MCP.
Upgrade to PRODiscussion (3)
Join the conversation and share your thoughts
Sarah Mitchell
7 minutes ago
This is exactly what I've been looking for! The attention to detail and thoughtful design choices really shine through. Can't wait to implement this in my next project. Thank you for sharing such valuable insights!
Alex Thompson
2 hours ago
Welcome to the platform! We're excited to have you here. There will be lots of amazing updates coming soon. Stay tuned for the latest features and improvements. You're awesome!
Sarah Mitchell
1 hour ago
Thanks for the warm welcome! Really appreciate the community here. Looking forward to connecting with everyone.
Leave a Comment
Be respectful and constructive in your comments