Seth Corker

Seth Corker

I'm a Senior Full Stack Product Engineer at zeroheight in London. I help build a solution to document design systems and aide adoption of those systems across the business.

Previously, a Senior Full Stack Software Engineer and Tech Lead at Zego leading the technical direction with micro frontend architecture, mentoring engineers and organising the frontend guild. Worked with Python - specifically Django and FastAPI. Maintained GrapgQL APIs with clients using Relay. Experienced in React + JavaScript and CSS.

Even longer ago, a professional C# .NET developer creating systems on ASP.NET MVC in New Zealand.

I deliver productive GraphQL APIs from Python Django that power rich user experiences and build consumer facing onboarding experiences with Next.js.
My passions are learning new skills, picking apart technologies and crafting cool products.

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.

Post Banner

Code Components | Episode 1 - Coding in Framer

Post Banner

Property Controls | Episode 2 - Coding in Framer

Post Banner

Interactions & Overrides | Episode 3 - Coding in Framer

Post Banner

Animations & Overrides | Episode 4 - Coding in Framer

Post Banner

Designing with Data | Episode 5 - Coding in Framer

Post Banner

Handing off to Framer Motion | Episode 6 - Coding in Framer

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 26th of December, a new letter will be out.

Learn your ABCs all over again

Benevolent Bytes Blog

I write articles about React, JavaScript and web development on my own blog. Learn more about animations on the web with React libraries including Framer Motion or make cool custom animations in CSS.

Post Banner

F#

Trying out F#, a functional language that's part of the .NET ecosystem. Here's what I thought, how it went in Functional February and what's next.

Post Banner

Designing UI for differences based on context

Designing and developing digital experiences isn’t easy, but when you embrace the platform you’re building for and cater to the differences, opportunities, and conventions users are accustomed to, the experience feels better.

Post Banner

Common Lisp

Trying out Common Lisp, a programming language I've always wanted to learn about but have never had the time. Here's what I thought, how it went in January and what's next.

Post Banner

5 reasons I choose Tailwind over CSS

Tailwind CSS is my preferred CSS framework for new projects. I choose it over plain CSS because it has good defaults, extensible, consistent and perfect for rapid prototyping.

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

📮 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.

YouTube: Coding with Seth

Watch Coding with Seth and let's build things together, experiment with web technologies and craft amazing animations in Framer Motion.

Post Banner

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…

Post Banner

🧙‍♂️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…

Post Banner

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…

Post Banner

Internationalization in JavaScript with NodeJS

Tutorial showing how to use the Intl JS API in NodeJS (i18n). We'll install a module to unlock the Intl API languages for Node and test out RelativeTimeFormat to translate and localise relative times in JavaScript. I'll…

Post Banner

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…

Post Banner

Bounce Animation with Framer Motion (React)

Create a bouncing ball that changes colour. Animation in React with Framer Motion quickly and easily. This could be used as a loading animation for your React apps or you can build your animation skills and use it anywhe…