Building user interfaces for the web: A craft about UI components and design systems.
Hey there! 👋
My work is rooted in the frontend. Building user interfaces is something i follow for almost 10 years now. In that area, i found myself enjoying building components and creating the design system for them as the most fitting thing for me, in short:design system engineering.
One component can connect to the next, and the next, and the next, and all of a sudden we have a complete, streamlined, holistic and homogenous user interface that can be adjusted in color, size, spacing, typography and other theme-related properties from some root files.
"Combine design and code into one craft and you get the best of both worlds."





ProjectsI’ve contributed to and educational projects
Protecting People – The mission of the Uvex brand with its vison and with its products
- Consulting in CMS component set integration in Storyblok
Toolshelp to visualize, organize and communicate the application we build
I'm very familiar with:
- AI + Agents
- Analytics + Tracking
- Google Analytics
Measure your advertising ROI as well as track your Flash, video, and social networking sites and applications
Working - Google Tag Manager
Google Tag Manager helps make tag management simple, easy and reliable
Working - Hotjar
See how visitors are really using your website, collect user feedback and turn more visitors into customers
Working - Vercel Speed Insights
Real-time performance insights for your Vercel deployments
Applied - Vercel Web Analytics
Privacy-friendly analytics for your Vercel projects
Applied
- APIIn day to day work, i use the IDE and the actual local development environment as preview for the APIs. Only when the team or the task requires an external API client, i plug them into the workflow.
- Deployment + Hosting
- AWS Amplify
Build full-stack web and mobile apps in hours
Working - netlify
The fastest way to combine your favorite tools and APIs to build the fastest sites, stores, and apps for the web
Working - upsun
Deliver every release with certainty
Working - Vercel
Develop. Preview. Ship. For the best frontend teams
Advanced
- Design + Interface
- Adobe XD (deprecated)
Design, prototype, and share user experiences
Advanced - Canva
Create stunning visuals, from social media posts to presentations
Working - Figma
The collaborative interface design tool
Expert - Framer
Design and publish stunning sites
Basic - Paper
design incredible. for the love of design.
Basic - Sketch
Design, prototype, collaborate and handoff
Working
- Digital Art
- PackagesIn case you can't find a popular package, you can always reach out and get in touch to clarify the experience with it.
- @eslint/config
Find and fix problems in your JavaScript code
Expert - @heroicons/react
Beautiful hand-crafted SVG icons for React
Expert - @meilisearch/instant-meilisearch
The search client to use Meilisearch with InstantSearch
Expert - @shopware/api-client
Shopware API client for JavaScript/TypeScript
Expert - @shopware/api-gen
Generate TypeScript types from Shopware API
Advanced - @storyblok/react
React SDK for Storyblok
Expert
@tanstack/*High-quality, headless utilities for modern web development
Aware- @vercel/analytics
Privacy-friendly analytics for Vercel deployments
Expert - @vercel/speed-insights
Real-time performance insights for Vercel deployments
Expert - class-variance-authority
Creating variants with the "cva" function
Applied - clsx
A tiny utility for constructing className strings conditionally
Expert - eslint-plugin-tailwindcss
ESLint plugin for Tailwind CSS usage
Expert - html-react-parser
HTML to React parser
Applied - lucide-react
Beautiful & consistent icon toolkit made by the community
Advanced - next-intl
Internationalization for Next.js
Expert - next-view-transitions
Use CSS View Transitions API in Next.js App Router
Basic - prettier
Opinionated code formatter
Expert - prism-react-renderer
Lightweight and flexible syntax highlighter for React
Working - react-hook-form
Performant, flexible and extensible forms with easy validation
Advanced - react-instantsearch
Lightning-fast search for React and React Native applications
Applied - react-instantsearch-nextjs
React InstantSearch for Next.js
Applied - react-snowfall
An awesome react component that creates snowfall
Expert - react-syntax-highlighter
Syntax highlighting component for React
Working - storybook
Frontend workshop for UI development
Applied - use-debounce
Debounce hook for React
Expert
zodTypeScript-first schema validation with static type inference
Applied
- Research + Study + Data
- UI
- Base UI
Unstyled UI components for building accessible user interfaces
Working - Headless UI
Completely unstyled, fully accessible UI components
Applied - Material UI
Ready to use Material Design components
Working - Radix UI
Low-level UI primitives with a focus on accessibility
Applied - Refactoring UI
Make your ideas look awesome, without relying on a designer
Expert - shadcn/ui
Beautifully designed components built with Radix UI and Tailwind CSS
Expert - Tailwind UI
Beautiful UI components, crafted by the creators of Tailwind CSS
Applied
Technologies,the foundation of writing production-ready code
I'm very familiar with:
- ReactReactas user interface web library
- Next.jsNext.jsas fullstack web framework
- TypeScriptTypeScriptas superset to JavaScript
- Tailwind CSSTailwind CSSas superset to CSS
- MotionMotionas animation library
- AnimationUsage level
- Build Tool
- Framework + Library
- Angular
The framework for building scalable web apps with confidence
Aware
Nue.jsThe UNIX of the Web
Aware- React
The library for web and native user interfaces
Expert - Svelte
Web development for the rest of us
Basic
SwiftUIInnovative, exceptionally simple way to build user interfaces across all Apple platforms with the power of Swift
Working- Vue.js
The Progressive JavaScript Framework
Working
- Full-Stack Framework
- Preprocessor
- Style Sheet Language + Framework






Social accountsYou can find my social presence on