Vikings - Historical overview

Static site with animated transitions

You can check it out here

Made in LANARS

Preview

Main preview

main-preview.mp4

Burger menu preview

burger-menu-preview.mp4

Overview

This repo provides implementation of static site with animated transitions using React with:

• Vite
• Typescript
• SCSS
• Framer Motion

Code example of basic animation via Framer motion

<AnimatePresence>
  {isVisible && (
    <motion.div
      initial={{ opacity: 0 }}
      animate={{ opacity: 1 }}
      exit={{ opacity: 0 }}
    />
  )}
</AnimatePresence>

Development server

Run npm run dev a basic development server

Build

Run npm run build to build the project