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.