Shadcn.io is not affiliated with official shadcn/ui
Skeleton Article List
A React and Next.js article list skeleton loader with title, description, and author metadata rows built with shadcn/ui and Tailwind CSS.
A clean React and Next.js article list skeleton built with TypeScript, the shadcn/ui Skeleton component, and Tailwind CSS. Displays multiple article preview rows with title, two-line description, avatar, author name, date, and read-time placeholders using varying widths for realism. Perfect for blog indexes, search result pages, and content feed loading states.
Related Components
Article Card Skeleton
Loading placeholder for article and blog cards
Blog Post Skeleton
Loading placeholder for long-form blog content
News Feed Skeleton
Loading placeholder for compact news feeds
User List Skeleton
Loading placeholder for user directory lists
Notification List Skeleton
Loading placeholder for notification feeds
Basic Card Skeleton
Loading placeholder for card layouts
FAQ
Was this page helpful?
Sign in to leave feedback.
Article Card
A React and Next.js article card skeleton loader with hero image, title, author info, body preview, and tags built with shadcn/ui and Tailwind CSS.
Avatar Group
A React and Next.js overlapping avatar group skeleton loader with stacked circles and count badge built with shadcn/ui and Tailwind CSS.