Moritz Petersen @moritzpetersen X Profile

Moritz Petersen

@moritzpetersen

Followers

3K

Following

2K

Media

88

Statuses

607

Design Engineer @WorkOS

Kiel, Deutschland

Joined September 2012

Don't wanna be here? Send us removal request.

Moritz Petersen

@moritzpetersen

11 days

Intro animation for our new Switch to WorkOS page 🪄

0

10

Michael Grinich

@grinich

16 days

Enterprise Ready Conf 2025 brought together hundreds of AI, product, and engineering leaders to tackle one big question: How do you build AI products that customers will actually buy? Plus hot takes, live demos, and several new WorkOS launches 🚀 Couldn't make it? Full videos

2

3

31

Moritz Petersen

@moritzpetersen

28 days

Pricing pages don’t have to be static tables. We built one that actually moves with you. Our new pricing page is all about the details. From interactive sliders to micro animations, it’s designed to show how our pricing scales with you. Let’s break it down 🧵

3

2

13

Moritz Petersen

@moritzpetersen

28 days

This page has been a huge team effort, really proud of the dedication to detail throughout! Check it out:

0

1

Moritz Petersen

@moritzpetersen

28 days

And to round it off, the icons have subtle micro animations. Tiny details like these create little moments of delight when you catch them.

1

Moritz Petersen

@moritzpetersen

28 days

Some of our products use tiered pricing. The slider breaks down exactly how many connections fall into each tier and what they cost, making pricing easy to understand at a glance.

1

0

Moritz Petersen

@moritzpetersen

28 days

I spent a ridiculous amount of time making the slider feel right. Ended up using @motiondotdev under the hood, with a single motionValue for all calculations and animations. 🧈 Smooth 60 fps dragging 🫧 Rubber band effect at the edges ⌨️ Keyboard support 🔢 Animated numbers

1

0

9

Moritz Petersen

@moritzpetersen

28 days

The heart of the page are the interactive product cards. Instead of staring at static tables, you can adjust usage for the products you need, and instantly see how pricing scales.

1

0

Moritz Petersen

@moritzpetersen

28 days

Pricing pages don’t have to be static tables. We built one that actually moves with you. Our new pricing page is all about the details. From interactive sliders to micro animations, it’s designed to show how our pricing scales with you. Let’s break it down 🧵

3

2

13

Michael Grinich

@grinich

3 months

When I started WorkOS, it was just me working out of my bedroom. This month we opened our first office in the heart of San Francisco. 🌁 Big step for the team and the journey ahead!

63

9

600

Moritz Petersen

@moritzpetersen

4 months

I wish @webflow let us add <link rel="preload"> for custom fonts before the stylesheet in the <head>. Currently, custom code is injected at the end of the head, too late to benefit font loading. Would love to see this supported, maybe directly in the font settings? @leinwand

3

1

31

Moritz Petersen

@moritzpetersen

4 months

The @WorkOS brand design team has been heads down working for the past months. Here's a glimpse of what we've been up to ✨ Can't wait to share more details and BTS soon! Make sure to follow @MitchRymeski, my design partner in crime on these projects, for design insights.

17

15

377

SEESAW

@seesawsite

4 months

WorkOS by @WorkOS @grinich @moritzpetersen @MitchRymeski

1

2

10

Mitch Rymeski

@mitchrymeski

4 months

How we built this revolving metallic pattern from @WorkOS's MCP Night in 1min in @hiunicornstudio (the most fun tool in design right now)

6

2

43

Moritz Petersen

@moritzpetersen

4 months

The @WorkOS brand design team has been heads down working for the past months. Here's a glimpse of what we've been up to ✨ Can't wait to share more details and BTS soon! Make sure to follow @MitchRymeski, my design partner in crime on these projects, for design insights.

17

15

377