Free Astro tutorials for complete beginners.

Beginner's Guide to Astro

What is Islands?

Interactive parts of a page, surrounded by plain static HTML.

Imagine a page as a calm sea of HTML, with small islands of JavaScript where you need them, such as a search box or an image carousel. Everything else stays fast.

You mark an island with a client directive like client:load. A component without one renders as plain HTML and sends no JavaScript. Our guide to Astro islands explains it with a tested example.

Related terms

Back to the full glossary

Try "blog", "deploy" or "EmDash".