A man with a trimmed beard wearing a beige cap, white t-shirt, and dark denim jacket, seated outdoors against a backdrop of lush greenery and tree trunks. He looks off to the side with a calm and contemplative expression.

Nils Haberkamp

Design Engineer

I work at Shopware as a Design Engineer. Where I maintain the Meteor Design System. I love to build user interfaces that look and great.

Blog posts

Solving the Pain of Margins in Base Components

Default margins on base components cause a lot of pain, needing to override the base components, a lot. Learn about strategies to combat default margins.

Experiments

Hover me

Magnetic Hover

Talks

Learning to learn

On the importance of learning and how do it.

Tools

Cappy

Transcribe and create captions for your videos.

tree-sitter-shopware-twig

A tree-sitter grammar for Shopware Twig markup.

shopware-twig-parser

A parser for Shopware Twig markup.

prettier-plugin-shopware-twig

A Prettier plugin for Shopware Twig markup.

vijf

An interval timer I built for my workouts.

TypedStorage

A type-safe way to access local storage.

Roving Focus

A roving focus component for React.js

meta

Open-sourcing my knowledge and things I've collected over the years.

Mailpit UI Revamp

A revamp of the MailPit UI. Designed from the ground up and built with React.

Open Graph Preview Tool

See how your website's link preview looks on platforms like Twitter (X), Slack, Facebook, and LinkedIn.

Stable Spin

Make your app faster and more polished by slowing your app down.

Videos