🚀  Astro — Full page transition overlay


This component relies on the good old browser router, still, it will give to your website an SPA feel, without all the JS overhead.

Keywords:

  • astro
  • astro-component
  • transition
  • native
  • vanilla
  • raw
  • javascript
  • links
  • animation

🚀  Astro — Full page transition overlay

NPM Downloads ISC License PRs Welcome
Astro TypeScript Prettier EditorConfig ESLint

This component relies on the good old browser router, still, it will give to your website an SPA feel, without all the JS overhead.

📦  Installation

pnpm i astro-page-transition

🛠  Usage

---
import { PageTransition } from 'astro-page-transition';
// ...
---
<!-- ... -->
<body>
  <!-- Place component just after opening `BODY` tag (mandatory) -->

  <!-- All properties are optional -->
  <PageTransition speed={500} color="white" zIndex={99} />

  <!-- ... -->
</body>

Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

0.5.6 (2023-01-05)

Note: Version bump only for package astro-page-transition

0.5.5 (2022-11-19)

Note: Version bump only for package astro-page-transition

0.5.4 (2022-10-17)

Bug Fixes

  • remove package prefix, simplify import method (73bd31b)

0.11.5 (2022-09-22)

Note: Version bump only for package @julian_cataldo/astro-transition

0.11.4 (2022-08-20)

Note: Version bump only for package @julian_cataldo/astro-transition

0.11.3 (2022-07-31)

Note: Version bump only for package @julian_cataldo/astro-transition

0.11.2 (2022-07-24)

Note: Version bump only for package @julian_cataldo/astro-transition

0.11.1 (2022-07-18)

Note: Version bump only for package @julian_cataldo/astro-transition

0.11.0 (2022-06-28)

Features

  • better defaults properties (cc55aec)

0.10.15 (2022-06-26)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.14 (2022-06-25)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.13 (2022-06-23)

Bug Fixes

  • handle external and contact links (c62de26)

0.10.12 (2022-06-22)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.11 (2022-06-22)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.10 (2022-06-21)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.9 (2022-06-20)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.8 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.7 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.6 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.5 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.4 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.3 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.2 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.1 (2022-06-19)

Note: Version bump only for package @julian_cataldo/astro-transition

0.10.0 (2022-06-19)

Features

  • init app transition overlay component (0dcd58b)

Bug Fixes

  • z-index and speed default vars bindings (6e7e3fe)
...

⚠️  Having an issue? / 🗣   Wanna share feedback or suggestion?

✍️  Open an Issue or a Pull Request   on GitHub -or-   Contact me   on my Website.