Blog
I write about development, design, React, CSS, animation and more!
- 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
- Spring-based Parallax with Framer motion: Step by step
A guide on creating a spring-based Parallax scrolling effect using Framer Motion and React
- 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