Loading States

While a page waits on an on-chain read or an API response, ThesisLock shows a skeleton shaped like the content that is about to appear, rather than a spinner or a blank screen. The layout stays stable and there is instant visual feedback.

Skeleton primitives

Three small building blocks compose every skeleton: SkeletonLine for text, SkeletonCircle for avatars and icons, and SkeletonBlock for larger areas. Each renders a gentle shimmer.

• The shimmer tint is derived from the foreground color, so it reads as a light shimmer in dark mode and a darker one in light mode automatically.
• It honors prefers-reduced-motion: the animation is disabled for visitors who ask for reduced motion.
• Skeletons are decorative and hidden from assistive technology; the surrounding region carries aria-busy instead.

Where they appear

Composed skeletons mirror each page's real layout: the anchor list, protocol and dashboard stats, the feed and search results, the verify record, groups, the activity timeline, and the calendar grid.