astro-dev

Packages

Astro Leaflet v1.11.0

Using leaflet in astro

Code Snippet

---
import { Leaflet } from 'astro-leaflet'
---
<Leaflet ... />

Go to the doc

Astro LightGallery v2.6.0

Using lightgallery in astro, with a lot of options and custom layouts, such as the google photos layout, optimized with astro’s <Image> component, and more.

Code Snippet

---
import { LightGallery } from 'astro-lightgallery'
---
<LightGallery
  layout={{
    imgs: [
      { src: "/img01.jpg", },
      { src: "/img02.jpg", },
      ...
    ]
  }}
  options={{
    thumbnail: true,
  }}
/>

Go to the doc

Astro Swiper v2.7.1

Using swiper in astro

Code Snippet

---
import { Swiper, SwiperWrapper, SwiperSlide} from "astro-swiper";
---
<Swiper>
  <SwiperWrapper>
    <SwiperSlide> ... </SwiperSlide>
    <SwiperSlide> ... </SwiperSlide>
    <SwiperSlide> ... </SwiperSlide>
  </SwiperWrapper>
</Swiper>

Go to the doc

Astro Splide v2.1.1

Using @splidejs/splide in astro

• 
• 
• 
• 
• 

Code Snippet

---
import { Splide, SplideSlide } from 'astro-splide';
---
<Splide>
  <SplideSlide> ...  </SplideSlide>
  <SplideSlide> ...  </SplideSlide>
  <SplideSlide> ...  </SplideSlide>
</Splide>

Go to the doc

Astro Sprite

Work-in-progress

Astro Webtools v1.2.0

Astro Components

Go to the doc!

Astro Build Time Constants v1.0.1

Astro Integration to get build-time constants, such as build time date, as well as custom properties:

---
import { astroBuildTimeConstants }
   from '../astro-build-time-constants'
---
<p>
  Built on {astroBuildTimeConstants.internal.iso}
</p>
<p>
  My param is {astroBuildTimeConstants.custom.myParam}
</p>

Go to the doc

Resources

Resources that can be used in Astro, such as fonts,…

Fonts