Vikings - Historical overview
Static site with animated transitions
here
You can check it outLANARS
Made inPreview
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