---
title: XING Design System
format: 70-end
sort: 40
showcase: true
categories: ["Web Design", "Web Development", "Writing"]
intro: As a Senior Web Developer on the Design System Team, I created, maintained, and documented the components of the XING Design System. I supported teams implementing our components across the platform.
description: As a Senior Web Developer on the Design System Team I created, maintained, and documented the components of the XING Design System. I supported teams implementing our components across the platform.
image:
  src: /assets/images/projects/thumbnails/xing-design-system.jpg
  aspectRatio: 1.65
more:
  text: See XING Design System Components
  link: /projects/xing-design-system/
---

<ProjectIntro>
As the Senior Web Developer in the XING Design System Team, a dedicated team with multiple designers, QA, and developers for Android, iOS, and Web, I created more than 50 components with [React.js](https://reactjs.org/), [TypeScript](https://www.typescriptlang.org/), and [Styled Components](https://styled-components.com/) together with another developer.

We worked in collaboration with the Designers to develop and review the Design Specs for the [XING Platform](https://www.xing.com/) and extend our components.

We maintained and extended the components, wrote documentation, added demos, and supported the Web teams of the company implementing and using our components.

This is a reduced selection of the components. Most components come in multiple sizes and variations. Additionally, the Design System supports dark and light modes. Please toggle the mode of this website to see both versions.

</ProjectIntro>

---

## Component Library

### Light Mode

![XING Design System Light Mode](/assets/images/projects/xing-design-system/xing-design-system-light.png)

### Dark Mode

![XING Design System Dark Mode](/assets/images/projects/xing-design-system/xing-design-system-dark.png)
