Benevolent Bytes
Become a better React developer, CSS wizard, JAMStack master, library explorer.This is a space to help you learn about JavaScript, animate React components and, navigate the ever-changing world of the web.
Latest Articles
There's plenty more articles to choose from, 60 in fact.
So why not check them out.
Coding in Framer series
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.
Code Components - 1
Create your first code component from scratch in Framer Web. This tutorial will…
Property Controls - 2
Use property controls to make your code components in Framer Web more flexible.…
Interactions & Overrides - 3
Learn how to turn design elements and code components in Framer Web into interac…
Animations & Overrides - 4
Framer Web excels at providing easy ways to animate components. We’ll create tra…
Designing with Data - 5
Create complex interactions by leveraging the Data instance in the Framer API. D…
Handing off to Framer Motion - 6
Your prototype in Framer Web can make the leap into a codebase. Web developers c…