Watch my free tutorial series on how to get started coding in Framer. We'll use the popular design and prototyping Framer Web to craft beautiful user interfaces but we'll make them more rich and interactive with code. I'll take you from your first code component in React, smooth animations with Framer Motion and handoff into a code project.
Want a little fun this holidays?
Here's a little ABCs website for web developers! It's a little bit of fun these holidays, each day until the 26Learn your ABCs all over again
th of December, a new letter will be out.
How to organise React components
React’s popularity was its ease of use, it didn’t tell you where to put anything...
The implications of M1 Apple Silicon for Web Developers
M1 has been released so what does this mean for web developers?
Bored? Need a creative challenge?
Try making something new and letting your creativity flow through the confines of a really, really, limited design prompt generator.Visit "Dev Challenge" and start making
If you're a Medium reader, support my Benevolent Bytes publication. You'll get the same articles as my blog but there will also be wider web development articles that cater better to Medium.
📮 Contact me
If you have an opportunity you think I might be interested in, want to collaborate with me or, need something built — fill out the form to reach out.
Watch Coding with Seth and let's build things together, experiment with web technologies and craft amazing animations in Framer Motion.
Use Framer Motion with Styled Components
Integrating Framer Motion into your codebase might seem daunting if you're using a CSS-in-JS library like Styled Components or Emotion. It's not. This short tutorial will show you how we can easily add Framer Motion to a…
🧙♂️Magic in Framer Motion 2 (new AnimateSharedLayout)
Framer Motion 2 is currently in Beta so let's take a look at a cool new feature which has been added. Using AnimateSharedLayout we can animate between different components that share a layoutId. This allows more native-l…
Circle Loader in Framer Motion (React & CSS)
Create your own circle loading animation in React and CSS with help from the Framer Motion library. This tutorial will show you how, as a React developer, you can create a loading animation within a few minutes and make…
Hero Animation Tutorial in React
Hero animation tutorial with Framer Motion and React showing how to achieve a tap to expand UI transition between two states, a detail and a full screen view. This tutorial will focus on how to achieve this effect with F…