astro-dev

Packages

Astro Leaflet

Using leaflet in astro

Code Snippet

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

Go to the doc

Astro LightGallery

Using lightgallery in astro

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

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

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

Astro Components

Go to the doc!

Astro Build Time Constants

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