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
navbar
github

"Star us on GitHub" navbar design from Supabase

developer experience
hero section

Pricing page header from Mux

developer experience
video
youtube

Hand-drawn tutorial video style from Robusta

hero section
landing page

Amazing Header from Modal

docs
call to action
developer experience

Flatfile docs office hours CTA

copy
developer experience
landing page
hero section

Axiom competitor-focused messaging

copy
landing page
hero section

Auth0 header copy

developer experience
product led growth

Demo page from Posthog

landing page
social proof

Modal Community section

developer experience
copy
social proof

Case study format from LaunchDarkly