When you open the project, its card turns into the detail view through the browser's native API.
Project Aurora
The team's website
One surface, two views. The navigation keeps the visual identity of the project.
You can also open it without a transition.
Configuration
This feature belongs to the framework, not to the UI module. It needs browser support and respects reduced motion; navigation keeps working when it cannot animate.
// meeko.config.ts
export default defineMeekoConfig({ viewTransitions: true })
/* app/styles/main.css: the name, only during the navigation, and a single element per view */
html:active-view-transition-type(meeko-route) .project-card { view-transition-name: project; }
<!-- A link with a normal navigation if you prefer to skip the transition -->
<MeekoLink to="/transitions/project"
data-meeko-view-transition="false">Open without a transition</MeekoLink>