Skip to content

feat: add loading skeleton animations (#827)#1348

Open
CHY9213 wants to merge 1 commit into
SolFoundry:mainfrom
CHY9213:feat/loading-skeletons
Open

feat: add loading skeleton animations (#827)#1348
CHY9213 wants to merge 1 commit into
SolFoundry:mainfrom
CHY9213:feat/loading-skeletons

Conversation

@CHY9213
Copy link
Copy Markdown

@CHY9213 CHY9213 commented May 27, 2026

Loading Skeleton Animations

Shimmer loading skeletons for all data-loading states across the site.

Components

Component Usage
Skeleton Base shimmer block (any shape via className)
BountyCardSkeleton Matches bounty card layout
LeaderboardRowSkeleton Matches leaderboard rows
ProfileSectionSkeleton Matches profile sections

Features

  • Shimmer animation via Tailwind animate-pulse
  • Match layout of actual content
  • Smooth transition when data loads
  • Accessible (aria-hidden="true")
  • Dark mode compatible

Usage

import { BountyCardSkeleton } from '../components/ui/Skeleton';

{loading && Array.from({ length: 6 }).map((_, i) => (
  <BountyCardSkeleton key={i} />
))}

Closes #827

Wallet: 2oWEBzKDQo9KYxAFYMPrR8QiwKJia4vbSXrbV4ep7eTz

Add shimmer loading skeleton components for all data-loading states.

Components:
- Skeleton: base shimmer component
- BountyCardSkeleton: matches bounty card layout
- LeaderboardRowSkeleton: matches leaderboard rows
- ProfileSectionSkeleton: matches profile sections

Features:
- Shimmer animation using Tailwind animate-pulse
- Match layout of actual content
- Smooth transition when data loads
- Accessible (aria-hidden)
- Dark mode compatible

Closes SolFoundry#827

Wallet: 2oWEBzKDQo9KYxAFYMPrR8QiwKJia4vbSXrbV4ep7eTz
@CHY9213 CHY9213 force-pushed the feat/loading-skeletons branch from 5e5dc43 to b056281 Compare May 27, 2026 19:21
@CHY9213 CHY9213 changed the title feat: Loading Skeleton Animations for All Pages (#827) feat: add loading skeleton animations (#827) May 27, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🏭 Bounty T1: Loading Skeleton Animations

1 participant