6a12fcecb0
* Basic support * Add the fade transition * Move CSS into a separate file * Add transition name * View Transitions changeset * Replace the boolean transition with 'morph' * Update to use `transition:animate` * Use head propagation * Move CSS into a separate file * Add builtin animations and namespaced module * Misquote * Remove unused code * Add automatic prefetching to the View Transitions router * Use a data attribute for back nav animations * Use [data-astro-transition] * Add view transitions to examples * Wait on the HTML response before calling startViewTransition * Updated stuff * Update the compiler * Fix * Fallback support * Properly do fallback * Simplify the selectors * Put viewTransitions support behind a flag * Upgrade the compiler * Remove unused import * Add tests * Use an explicit import instead of types * Fix case where the click comes from within nested content * Fix linting * Add a test for the back button * Prevent glitch in fallback * Do not combine selectors * Fallback to MPA nav if there is an issue fetching * Fallback swap if there are no animations * Update packages/astro/src/@types/astro.ts Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> * Update packages/astro/components/ViewTransitions.astro Co-authored-by: Emanuele Stoppa <my.burning@gmail.com> * Update packages/astro/components/ViewTransitions.astro Co-authored-by: Emanuele Stoppa <my.burning@gmail.com> * Update the changeset * PR review changes * Update more based on review comments. * Update the updateDOM default * Pass in transitions options to the compiler * Update broken tests * Update .changeset/silly-garlics-live.md Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> * Update .changeset/silly-garlics-live.md Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> * Update .changeset/silly-garlics-live.md Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> * Update .changeset/silly-garlics-live.md Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> * h2 -> h4 * Upgrade to stable compiler * Remove exp redirects from sitemap * Remove usage from examples * Remove example updates --------- Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca> Co-authored-by: Emanuele Stoppa <my.burning@gmail.com> |
||
|---|---|---|
| .. | ||
| basics | ||
| blog | ||
| component | ||
| deno | ||
| framework-alpine | ||
| framework-lit | ||
| framework-multiple | ||
| framework-preact | ||
| framework-react | ||
| framework-solid | ||
| framework-svelte | ||
| framework-vue | ||
| hackernews | ||
| integration | ||
| middleware | ||
| minimal | ||
| non-html-pages | ||
| portfolio | ||
| ssr | ||
| with-markdoc | ||
| with-markdown-plugins | ||
| with-markdown-shiki | ||
| with-mdx | ||
| with-nanostores | ||
| with-tailwindcss | ||
| with-vite-plugin-pwa | ||
| with-vitest | ||
| README.md | ||
Astro Examples Library
The easiest way to check out one of these examples on your machine is by running this command in an empty directory:
npm create astro@latest -- --template [EXAMPLE_NAME]
Community Examples
Visit awesome-astro for a full list of community examples. You can use npm create astro@latest to check out any community examples:
npm create astro@latest -- --template [GITHUB_USER]/[REPO_NAME]
Paths to examples nested inside of a repo are also supported:
npm create astro@latest -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example