Samples

Code Samples

Outside of building full applications, I like tinkering. This page is a collection of samples (mostly around SVG and animations) I've been playing around with lately.

Web Animations (JS and CSS)

Here are some samples using raw CSS animations, as well as GSAP + Vue.

Pokemon Cards

Click one!

Accordion

Click one!

Winter

Spring

Summer

Fall

Progress Tracker

Click a step

Cart

Shipping

Billing

Done!

Loading Speedometer

Using Framer Motion

Loading Blocks

Using SCSS

Loading Clock

Using Framer Motion

Loading Rainbow

Using Framer Motion

Loading Spinner

Using SCSS

React Native Animations

Here are some mobile samples using React Native's Animated API.

Tilt Carousel

RN Animated API

Pokedex

RN Animated API

Pokemon Slider

RN Animated API

Image Loading Animation

RN Animated API