Skip to content

feat: Loading Skeleton Animations (Bounty #827)#913

Open
dinnar1407-code wants to merge 1 commit intoSolFoundry:mainfrom
dinnar1407-code:bounty/loading-skeletons
Open

feat: Loading Skeleton Animations (Bounty #827)#913
dinnar1407-code wants to merge 1 commit intoSolFoundry:mainfrom
dinnar1407-code:bounty/loading-skeletons

Conversation

@dinnar1407-code
Copy link
Copy Markdown

Summary

Comprehensive loading skeleton system with shimmer animations for all data-loading states.

Components

  • Skeleton — Base shimmer block (configurable width, height, circle mode)
  • BountyCardSkeleton — Matches bounty card layout (title, description, tags, reward)
  • LeaderboardRowSkeleton — Matches leaderboard row (rank, avatar, name, score)
  • ProfileSkeleton — Matches profile header (avatar, name, stats grid)
  • BountyGridSkeleton — Grid of bounty card skeletons (configurable count)
  • LeaderboardSkeleton — List of leaderboard row skeletons

Features

  • Shimmer gradient animation (1.5s infinite)
  • Matches actual content dimensions for seamless transition
  • aria-hidden='true' on all skeletons
  • Drop-in replacements for loading states

Acceptance Criteria

  • Skeletons visible on all pages during data loading
  • Match the layout of actual content
  • Smooth transition when data loads

Closes #827

- Base Skeleton component with shimmer animation
- BountyCardSkeleton matching bounty card layout
- LeaderboardRowSkeleton for leaderboard rows
- ProfileSkeleton for profile header section
- BountyGridSkeleton and LeaderboardSkeleton composites
- All skeletons use aria-hidden for accessibility

Closes SolFoundry#827
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

missing-wallet PR is missing a Solana wallet for bounty payout

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🏭 Bounty T1: Loading Skeleton Animations

1 participant