AI Workshop: learn to build apps with AI →
Integrations
React integration, View Transitions, and htmx.

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


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
4: Use React component in Astro
5: Passing Astro components to React components
6: htmx and Astro View Transitions
7: htmx forms and Astro View Transitions