Using SF Pro Rounded with React Native
How to use San Francisco Pro Rounded with React Native
Samuel Kraft
Samuel Kraft
Latest posts
Using the Strava API with Next.js
How to access Strava data from a Next.js app
Using Vanilla Extract with next-themes
How to apply vanilla extract themes to Next.js apps
Styling Radix UI with CSS
Quick tip for styling Radix Primitives with plain CSS, CSS Modules, Vanilla Extract and more.
Fractional SVG stars with CSS
Create a rating component with svg stars that support fractional values
Using Bottom Tab Bars on Safari iOS 15
How to safely design and develop web tab bars on Safari 15
Responsive Animations with Framer Motion
How to write responsive variants with media queries in javascript
Building a blog with Notions public API
How to use Notion as a CMS using their public API and Next.js
Generating Open Graph images with Mapbox & Canvas
How to use Mapbox static image API and Node Canvas to generate custom sharing images
Building a mapping platform with React and Mapbox GL
How I built my side project Trail Routes
Spring-based Parallax with Framer motion: Step by step
A guide on creating a spring-based Parallax scrolling effect using Framer Motion and React
How to create iOS chat bubbles in CSS
Creating a chat messaging app ui with CSS (with a sprinkle of JS and Framer Motion)
Segmented Control for web with Framer Motion
Animating an iOS-like segmented control for the web using Framer Motion
My favorite productivity hack: git newmr
Using git aliases to automate repetitive tasks
Page Transitions with Framer Motion
Using framer motion to animate page transitions
Animated music bars with CSS
How to create an animated icon perfect for visualizing music
Building my personal website with Next.js backed by Notion
My experience rebuilding my personal website with Next.js & Typescript backed by Notion
The Evolving Personal Website
A brief history of my personal website starting in the tumblr era.