Skeleton & Placeholder Components
Comprehensive skeleton and placeholder components for loading states with visual previews for all components.
import { ... } from "@/components/blocks/skeletons"SkeletonText
FreeImport SkeletonText from @/components/blocks/skeletons
SkeletonTextMultiline
ProImport SkeletonTextMultiline from @/components/blocks/skeletons
SkeletonTitle
ProImport SkeletonTitle from @/components/blocks/skeletons
SkeletonParagraph
ProImport SkeletonParagraph from @/components/blocks/skeletons
SkeletonAvatar
ProImport SkeletonAvatar from @/components/blocks/skeletons
SkeletonAvatarWithText
ProImport SkeletonAvatarWithText from @/components/blocks/skeletons
SkeletonImage
ProImport SkeletonImage from @/components/blocks/skeletons
SkeletonThumbnail
ProImport SkeletonThumbnail from @/components/blocks/skeletons
SkeletonButton
ProImport SkeletonButton from @/components/blocks/skeletons
SkeletonInput
ProImport SkeletonInput from @/components/blocks/skeletons
SkeletonCard
FreeImport SkeletonCard from @/components/blocks/skeletons
SkeletonCardHorizontal
ProImport SkeletonCardHorizontal from @/components/blocks/skeletons
SkeletonList
ProImport SkeletonList from @/components/blocks/skeletons
SkeletonListItem
ProImport SkeletonListItem from @/components/blocks/skeletons
SkeletonTable
ProImport SkeletonTable from @/components/blocks/skeletons
SkeletonTableRow
ProImport SkeletonTableRow from @/components/blocks/skeletons
SkeletonForm
ProImport SkeletonForm from @/components/blocks/skeletons
SkeletonFormField
ProImport SkeletonFormField from @/components/blocks/skeletons
SkeletonSidebar
ProImport SkeletonSidebar from @/components/blocks/skeletons
SkeletonPageHeader
ProImport SkeletonPageHeader from @/components/blocks/skeletons
SkeletonPageContent
ProImport SkeletonPageContent from @/components/blocks/skeletons
SkeletonDashboard
ProImport SkeletonDashboard from @/components/blocks/skeletons
SkeletonProfile
ProImport SkeletonProfile from @/components/blocks/skeletons
SkeletonArticle
ProImport SkeletonArticle from @/components/blocks/skeletons
SkeletonBlogPost
ProImport SkeletonBlogPost from @/components/blocks/skeletons
SkeletonProductCard
ProImport SkeletonProductCard from @/components/blocks/skeletons
SkeletonProductGrid
ProImport SkeletonProductGrid from @/components/blocks/skeletons
SkeletonCommentList
ProImport SkeletonCommentList from @/components/blocks/skeletons
SkeletonFeed
ProImport SkeletonFeed from @/components/blocks/skeletons
SkeletonPricingCard
ProImport SkeletonPricingCard from @/components/blocks/skeletons
SkeletonPricingTable
ProImport SkeletonPricingTable from @/components/blocks/skeletons
SkeletonTestimonial
ProImport SkeletonTestimonial from @/components/blocks/skeletons
SkeletonTeamMember
ProImport SkeletonTeamMember from @/components/blocks/skeletons
SkeletonStats
ProImport SkeletonStats from @/components/blocks/skeletons
SkeletonChart
ProImport SkeletonChart from @/components/blocks/skeletons
PlaceholderImage
ProImport PlaceholderImage from @/components/blocks/skeletons
PlaceholderAvatar
ProImport PlaceholderAvatar from @/components/blocks/skeletons
PlaceholderIcon
ProImport PlaceholderIcon from @/components/blocks/skeletons
PlaceholderText
ProImport PlaceholderText from @/components/blocks/skeletons
PlaceholderCard
ProImport PlaceholderCard from @/components/blocks/skeletons
PlaceholderContent
ProImport PlaceholderContent from @/components/blocks/skeletons
PlaceholderEmpty
ProImport PlaceholderEmpty from @/components/blocks/skeletons
PlaceholderComingSoon
ProImport PlaceholderComingSoon from @/components/blocks/skeletons
PlaceholderNoData
ProImport PlaceholderNoData from @/components/blocks/skeletons
PlaceholderNoResults
ProImport PlaceholderNoResults from @/components/blocks/skeletons
PlaceholderError
ProImport PlaceholderError from @/components/blocks/skeletons
PlaceholderOffline
ProImport PlaceholderOffline from @/components/blocks/skeletons
PlaceholderUpload
ProImport PlaceholderUpload from @/components/blocks/skeletons
PlaceholderDrop
ProImport PlaceholderDrop from @/components/blocks/skeletons
All 50 components include viewport switching, code editing, and responsive previews. Import any component directly from @/components/blocks/skeletons