Header with tabs from Appsmith

Developer Markepear testimonials

What to put in the header when your dev tool does a lot?

I like how Appsmith approaches it.

In their case, they have multiple use cases they want to showcase.

But you could use the same idea for many features or products.

Show multiple clickable tabs:

  • It invites the user to click and see.
  • It hints at all of those different use cases
  • It doesn't overwhelm your audience with too much info

A bonus idea is the "Try cloud" | "Self-hosted" CTA.

It communicates right away that you can deploy that dev tool anywhere.

If the self-hosted deployment is important to your customers let them know.

You don't want them to look for it and drop from the page trying to find the FAQ.

  • See website
Browse 100+ examples like this ->
developer experience
product led growth

Demo page from Posthog

landing page
developer experience
call to action

Benchmark section on homepage from Astro

navbar
landing page
call to action
product tour

Playground CTA in the navbar resources section from Prisma

developer experience
social proof
landing page

Social proof from TailwindCSS homepage

campaigns
developer experience
swag
brand

Promo T-shirt design from GitGuardian

copy
developer experience
landing page

How fast you ship your roadmap?

ads
developer experience
youtube
video

CircleCI code and UI presentation in video ad

copy
call to action
product led growth
landing page

Posthog "do not talk to us" copy

developer experience
landing page
hero section

Auth0 developer portal hero section visual

campaigns
copy
developer experience
ads
reddit

"We blew our budget on X" format