Demo

Leitvia Demo

Pro block: Slider

Slides in a row that visitors scroll through, with previous, next and optional automatic rotation that they can pause. A slide holds content, an image or an image with a text box.

Manual slider with images

  • Layered green hills below a terracotta sun
  • Green archway with a terracotta circle above it

    A studio with daylight

    The text box keeps its own surface, so it stays readable on any image.

  • Overlapping terracotta, green and grey squares on a fine grid

    Built from patterns

    Image and text sit side by side and stack on small screens.

  • Plain content

    A slide can also hold a heading and text only.

Rotating slider

  • Clear structure

    Every page starts from the same tokens, so new sections look right on the first try.

  • Accessible by default

    Keyboard paths, contrast and focus states are part of every pattern, not an afterthought.

  • Fast to load

    No framework on the front end: the slider adds under one kilobyte of script.