Monthly content calendar grid showing 30 posts with status badges and keyword tags - shadcn/ui
A calendar grid displaying monthly blog posts with planned/drafted/published status badges, target keywords, publish dates, and word counts.
Preview
Explore More Blocks
CRUDsComplete CRUD interface components and data management blocks for React and Next.js. Build admin panels, data tables, forms, and database management interfaces.
PricingProfessional pricing and plan comparison components for React and Next.js. Build pricing tables, subscription plans, feature comparisons, and pricing toggles with monthly/annual options.
PopupEngaging popup and notification components for React and Next.js. Build welcome messages, cookie notifications, subscription forms, success confirmations, and promotional announcements with dismissible options and call-to-action elements.
BannerAttention-grabbing banner components for React and Next.js. Build notification banners, promotional headers, announcement bars, and call-to-action banners with dismissible options.
ContactProfessional contact form components and section layouts for React and Next.js. Build contact pages, feedback forms, support sections, and communication interfaces.
KPIProfessional KPI (Key Performance Indicator) card components for React and Next.js. Build metric displays, performance snapshots, dashboard cards with icons, badges, arrows, progress bars, charts, and action buttons to showcase business metrics and analytics.
EditorialMagazine-quality editorial layouts where typography is the design. Multi-column spreads, text wrapping around images with pixel-precise line routing via Pretext, oversized words as visual anchors, pull quotes, drop caps, and the kind of spatial confidence you find in print — now in React.
OnboardingProfessional user onboarding and welcome components for React and Next.js. Build multi-step onboarding flows, welcome cards, stepper forms, verification screens, and guided setup experiences with customizable layouts.