# Loading state design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-interaction.data_state.loading)

Last updated: 2026-05-23

Explore website designs that use **Loading state**.

## Captured pages

[![Home | Exa API](https://pin.fontofweb.com/9452?format=jpg)](https://design.withfudge.com/share/pin-9452)

[Home | Exa API](https://design.withfudge.com/share/pin-9452)

[![Design System](https://pin.fontofweb.com/8934?format=jpg)](https://design.withfudge.com/share/pin-8934)

[Design System](https://design.withfudge.com/share/pin-8934)

[![Arena | Benchmark & Compare the Best AI Models](https://pin.fontofweb.com/8746?format=jpg)](https://design.withfudge.com/share/pin-8746)

[Arena | Benchmark & Compare the Best AI Models](https://design.withfudge.com/share/pin-8746)

[![Credit score app - v0 by Vercel](https://pin.fontofweb.com/8061?format=jpg)](https://design.withfudge.com/share/pin-8061)

[Credit score app - v0 by Vercel](https://design.withfudge.com/share/pin-8061)

[![untitled | Base44](https://pin.fontofweb.com/7410?format=jpg)](https://design.withfudge.com/share/pin-7410)

[untitled | Base44](https://design.withfudge.com/share/pin-7410)

## Related design patterns

- [Software SaaS](/share/designs-with-offering.software_saas)
- [AI enabled](/share/designs-with-capability.ai_enabled)
- [Generative AI](/share/designs-with-capability.generative_ai)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Moderate density](/share/designs-with-density.moderate)

## Related website guides

- [app.base44.com design guide](/share/app.base44.com-design)
- [arena.ai design guide](/share/arena.ai-design)
- [claude.ai design guide](/share/claude.ai-design)
- [dashboard.exa.ai design guide](/share/dashboard.exa.ai-design)
- [v0.app design guide](/share/v0.app-design)