The Ice Cold Tailwind UI kit for your next project

Explore the blocks!
Best times to see the Northern Lights

When and where can you see the Northern Lights? All you need to know!

Pick. Copy. Paste.

From our library of blocks

<!-- Article card 1; light with dark variant -->
<div class="overflow-hidden rounded-md bg-glacier-50 dark:bg-glacier-800 shadow shadow-glacier-400 dark:shadow-glacier-900">
  <a href="#" class="">
    <img class="h-60 w-full object-cover hover:opacity-90 duration-300" src="" loading="lazy" alt="" />
  <div class="p-8">
    <div class="text-sm font-semibold uppercase tracking-wide text-glacier-darkblue">Travel</div>
    <a href="#" class="mt-1 block text-lg font-medium leading-tight text-glacier-800 dark:text-glacier-100 hover:underline">Best times to see the Northern Lights</a>
    <p class="mt-2 max-w-prose text-glacier-600 dark:text-glacier-400">When and where can you see the Northern Lights? All you need to know!</p>

Light | Dark

Which side are you on?
Whatever your preference, we support it. Light, dark, & light with dark: variants for every block
light mode example
Explore the blocks!

I hope you enjoy building with Glacier Blocks!

- David

© 2021 Glacier Blocks