Shadcn.io is not affiliated with official shadcn/ui
React Animated Content Calendar Dashboard Block
Animated content publishing calendar dashboard for React and Next.js with a seven-day row view showing daily content items with type chips for Blog, Social, Email, and Video alongside titles and status indicators with today highlighted using framer-motion, shadcn/ui, and Tailwind CSS
Plan and track content publishing with this animated calendar dashboard block built for React and Next.js. A seven-day row view displays each day with one to two content items featuring color-coded type chips for Blog, Social, Email, and Video alongside content titles and status dots indicating published, scheduled, or draft states. Today is highlighted with a distinct border. Staggered entrance animations powered by framer-motion create a polished editorial planning experience. Built with TypeScript, shadcn/ui components, framer-motion, and Tailwind CSS.
React Animated Content Calendar Dashboard Block preview
Installation
Related Components
Deployment Status
Recent deployment overview
Feature Adoption
Feature adoption rate tracker
Onboarding Progress
User onboarding funnel
Lead Sources
Lead attribution dashboard
Customer Segments
Customer segmentation dashboard
Budget Tracker
Budget vs spent tracking
FAQ
Was this page helpful?
Sign in to leave feedback.
React Container Registry Dashboard Block
Animated React container image registry dashboard block for Next.js with Docker image listing, tag versions, compressed sizes, pull counts, vulnerability badges, and expandable tag history using shadcn/ui, Tailwind CSS, and framer-motion
React Dashboard Content Performance Analytics Block
Animated React content performance block for Next.js with eight articles showing view counts with horizontal bars, average read time, bounce rate, share count, SEO score, and staggered row animations using shadcn/ui, Tailwind CSS, and framer-motion