Integrations
React integration, View Transitions, and htmx.

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


Astro plays well with other frameworks and libraries. You can use React, Vue, Svelte, and other UI frameworks alongside Astro components, and enhance your site with View Transitions and htmx.

In this section you’ll learn how to integrate React components, add View Transitions for smooth navigation, and use htmx with Astro.

Lessons in this unit:

0: ▶︎ Introduction
1: Client-side routing and view transitions
2: View Transitions and Dark Mode
3: Adding React Framer Motion animations to an Astro site - react - astro
4: Use React component in Astro - astro - react
5: Passing Astro components to React components
6: htmx and Astro View Transitions
7: htmx forms and Astro View Transitions