Designing for the wait
Loading states are the first thing people see, and on a slow connection the thing they see most.
Skullet
Smart skeleton states
npm i skullet
Loading thread
Lochie
Lochie- Wait, how does it know the content length?
- it renders sample data invisibly
- then measures each element and draws a skeleton in that shape while your content loads
- Spooky
- skeletons usually are 💀
Visitors12,480+12%
Signups1,204+4%
Churn2.1%-0.3%
Revenue$9.6k+18%
Loading settings
- MentionsWhen someone tags you
- Pull requestsReviews, merges and comments
- Weekly digestA summary every Monday
AlexPushed the new site design, have a look when you get a sec
PugsonThe skeletons shimmer in sync now??- JSJackNaming things is the hardest part, as always
Loading track
SkeletonsThe Layout Janks
1:123:24
Loading portfolio
Portfolio$4,077.19+2.40%
ETHEther$2,420.17
USDCUSD Coin$512.40
AAVEAave$1,144.62