web app

Loaders.io

Loaders.io is a tool that generates production-ready code for a React loader component, only requiring the user to customize the style and animation properties using an interface instead of code.

Take it for a spin

Quantity

Rotation

Easing


import { motion } from "framer-motion";
import React from "react";
  
const variants = {
  start: {
    scale: 0,
    rotate: 0,
  },
  end: {
    scale: 1,
    rotate: 45,
  },
}

transition={{    
  repeat: "Infinity",
  repeatType: "reverse",
  ease: "anticipate",
  duration: 1, 
  delay: {0.2 * i}
}}

const style = {
  width: "20px",
  height: "20px",
  margin: "8px",
  display: "inline-block",
  background: "#eb7085",
}
    
export default function Loader(props) {
  return (
    <motion.div>
          <motion.div
                      style={style}
                      variants={variants}
                      initial={"start"}
                      animate={"end"}
                  />
          <motion.div
                      style={style}
                      variants={variants}
                      initial={"start"}
                      animate={"end"}
                  />
          <motion.div
                      style={style}
                      variants={variants}
                      initial={"start"}
                      animate={"end"}
                  />
          <motion.div
                      style={style}
                      variants={variants}
                      initial={"start"}
                      animate={"end"}
                  />
          <motion.div
                      style={style}
                      variants={variants}
                      initial={"start"}
                      animate={"end"}
                  />    
    </motion.div>
  )
}

website

La Dimora

La Dimora is a beautiful house located at lake Como in Lombardia, Italy. The website was designed to provide information about renting the home and about the area.

Progressive Web App

Pulse (WIP)

Upcoming project with the purpose of building a workout tracker that offers exactly the features that I needed and nothing more. Still in progress.