Samuel Kraft

How to use San Francisco Pro Rounded with React Native

How to access Strava data from a Next.js app

How to apply vanilla extract themes to Next.js apps

Quick tip for styling Radix Primitives with plain CSS, CSS Modules, Vanilla Extract and more.

Create a rating component with svg stars that support fractional values

How to safely design and develop web tab bars on Safari 15

How to write responsive variants with media queries in javascript

How to use Notion as a CMS using their public API and Next.js

How to use Mapbox static image API and Node Canvas to generate custom sharing images

How I built my side project Trail Routes

A guide on creating a spring-based Parallax scrolling effect using Framer Motion and React

Creating a chat messaging app ui with CSS (with a sprinkle of JS and Framer Motion)

Animating an iOS-like segmented control for the web using Framer Motion

Using git aliases to automate repetitive tasks

Using framer motion to animate page transitions

How to create an animated icon perfect for visualizing music

A brief history of my personal website starting in the tumblr era.

My experience rebuilding my personal website with Next.js & Typescript backed by Notion