← All industries

Developer Tools design inspiration

Real developer tools websites, each measured into a DESIGN.md your coding agent can read: colors, type, spacing, and the reasoning behind them. Find a taste you love, hand over its file, and your agent builds in that vibe, never a pixel copy.

55 developer tools designs in the collection

KAppMaker desktop

KAppMaker

Developer tools. Solid indigo hero band, oversized geometric Poppins display, warm-cream canvas and pale blue cards, pill CTAs with sunny yellow accent.

Developer Tools · kappmaker.com

nreactive desktop

nreactive

Developer tools. Airy, technical documentation tone; large heavy display type, roomy white canvases; cobalt blue accents and a micro-dot grid motif.

Developer Tools · nreactive.com

NieuVentures desktop

NieuVentures

Developer consultancy. Soft sky-blue chrome and pale gradients, heavy geometric sans display, wide airy layouts with subtle diagonal sheen.

Developer Tools · nieuventures.com

HarvestMyData desktop

HarvestMyData

Data tools. Dark, terminal-inspired interface, monospace type and tight rhythm. Subtle cyan highlights and boxed cards with an 8px corner language.

Developer Tools · harvestmydata.com

Dualhook desktop

Dualhook

developer-tools. Neutral off-white canvas and generous negative space, very large geometric headlines, WhatsApp-green calls-to-action and badges, rounded white cards with a hairline soft border.

Developer Tools · dualhook.com

Boilerships desktop

Boilerships

Developer tools. A bold mono-first voice, generous white space, hand-drawn orange accents and rounded card panels.

Developer Tools · boilerships.com

Cronbee desktop

Cronbee

Developer tools. High-contrast black canvas with bold, uppercase display type; energetic yellow accents and honeycomb/target artwork; soft white cards with subtle warm-yellow washes.

Developer Tools · cronbee.com

Ropilot desktop

Ropilot

Developer tools. Heavy, one-dark canvas with warm orange highlights, large editorial display type and soft pill controls.

Developer Tools · ropilot.ai

microsandbox desktop

microsandbox

Developer tools. Near-black canvas, restrained purple accent, large humanist headings and roomy cards.

Developer Tools · microsandbox.dev

TabSnip desktop

TabSnip

developer-tools. deep teal dark-band rhythm, soft rounded cards with subtle outlines, mint-green CTAs that pop against a pale canvas.

Developer Tools · tabsnip.com

Memos desktop

Memos

Open-source note app. High-contrast serif headlines, quiet white canvas, subtle dotted grid + teal-violet radial wash.

Developer Tools · usememos.com

ApiTraffic desktop

ApiTraffic

Developer tools. Generous white canvas and oversized Archivo headlines, mint-green calls to action, soft rounded cards with subtle drop shadows.

Developer Tools · apitraffic.io

devActivity desktop

devActivity

developer tooling. bright white canvas with a bold indigo CTA voice, muted cool greys for copy, heavy use of soft purple surfaces and a dark navy footer band.

Developer Tools · devactivity.com

GitSaga desktop

GitSaga

Developer tools. Deep charcoal canvases and minimal chrome, oversized geometric display type, burnt-orange CTAs used sparingly.

Developer Tools · gitsaga.io

LandiNuxt desktop

LandiNuxt

developer-tools. Airy neutral canvas and giant, aggressively bold display type; violet-indigo gradient hero panels and pill CTAs; minimal chrome with soft 6px corners and a calm, spacious rhythm.

Developer Tools · landinuxt.com

ShipAngular desktop

ShipAngular

Developer tools. Bold, roomy type with a one-dark-band footer, vivid purple call-to-action pills and blue→purple gradients, soft rounded cards and light drop shadows.

Developer Tools · shipangular.com

Repohistory desktop

Repohistory

developer-tools. Deep near-black canvas, very-high-contrast white headlines, soft rounded cards with subtle inset white glow; cool teal vignette hero art and bright chart accents.

Developer Tools · repohistory.com

FastPocket desktop

FastPocket

Developer boilerplate. Warm coral gradient hero, punchy coral CTAs, deep navy headlines and soft icy surfaces.

Developer Tools · fastpocket.dev

PDFBolt desktop

PDFBolt

Developer tools. Deep navy canvas and stacked dark bands, bold geometric display type, bright cyan accents and soft blue glows.

Developer Tools · pdfbolt.com

TinySharp desktop

TinySharp

Image tools. Soft, friendly brand with large, heavy display type; rounded white cards with pale green tints and leafy accents; playful, painterly illustration motifs that sit behind and beside UI panels.

Developer Tools · tinysharp.com

APITemplate.io desktop

APITemplate.io

Developer tools. Soft pastel-blue canvas, heavy rounded cards and buttons, friendly green primary CTA, large geometric headings.

Developer Tools · apitemplate.io

CodersRank desktop

CodersRank

Developer tools. Warm teal hero bands and large, friendly display type; airy white surfaces with soft, cool shadows; tile-driven partner grid and a product-mockup SVG motif.

Developer Tools · codersrank.io

reaConverter desktop

reaConverter

file conversion software. airy neutral canvas, large rounded white cards, restrained teal-blue accents and a deep one‑dark footer.

Developer Tools · reaconverter.com

DataTableDev desktop

DataTableDev

Developer tools. Oversized, confident typography; bright amber (#ff8f00) accents and pill controls; lots of white space and rounded surfaces.

Developer Tools · datatable.dev

Shake desktop

Shake

Developer tools. Bold, oversized Roobert display typography; soft purple gradient panels and pill CTAs; alternating light/dark surface bands with large rounded cards.

Developer Tools · shakebugs.com

Moxie Docs desktop

Moxie Docs

Developer docs. Soft, breathable chrome with deep navy anchor bands, mint / teal callouts and rounded white cards.

Developer Tools · moxiedocs.com

Nodewood desktop

Nodewood

Developer tools. Warm pink→gold gradient hero, large airy Raleway headlines, pill-shaped CTAs with soft drop shadows.

Developer Tools · nodewood.com

StationOps desktop

StationOps

developer tooling. airy white canvas with a subtle dot-grid, sudden one-dark band sections, soft rounded cards and pill CTA buttons.

Developer Tools · stationops.com

MDB - Material Design for Bootstrap desktop

MDB - Material Design for Bootstrap

UI kit / developer tools. Clean white canvas with airy pale-blue atmospherics, medium-weight Roboto headings, solid cobalt primary accents and soft, elevated cards.

Developer Tools · mdbootstrap.com

CodeKickBot desktop

CodeKickBot

Developer tools. Airy, friendly product site with very large black headlines, pale lilac canvas and playful purple accents; rounded white cards, soft drop shadows and layered illustrative hero art.

Developer Tools · codekickbot.com

DeepSource desktop

DeepSource

Developer tooling. Large, friendly green hero band and mint gradients, heavy Google Sans headings, compact chrome and soft cards with subtle shadows.

Developer Tools · deepsource.com

Kodezi desktop

Kodezi

Developer tools. Deep, almost-black canvas with soft purple/neon highlights, giant friendly display type and rounded pill chrome; dense dashboard panels framed by subtle glow and layered radial gradients.

Developer Tools · kodezi.com

Export SDK desktop

Export SDK

Developer tools. Deep, one‑dark hero band with oversized sans display, crisp product screenshots, coral red CTAs and soft pill controls.

Developer Tools · exportsdk.com

Coderbuds desktop

Coderbuds

Developer tools. Heavy grotesk headlines, warm amber accents on a near-black canvas, generous rounded buttons and low-elevation panels.

Developer Tools · coderbuds.com

ApyHub desktop

ApyHub

developer-tools. warm, paper-like cream canvas with halftone dots, bold condensed DM Sans display type, burgundy accents and boxed cards with offset flat shadows.

Developer Tools · apyhub.com

Raycast desktop

Raycast

Developer tools. Inky near-black canvas, oversized white headlines with calm tracking, soft rounded chrome and frosted cards, grainy red/blue diagonal hero art punctuating the layout.

Developer Tools · raycast.com

Linear desktop

Linear

developer-tools. Deep near-black canvas and tight cool greys, ultra-large geometric display type, restrained neon highlights (#e4f222 and #f79ce0), thin isometric wireframe illustrations and soft card gradients.

Developer Tools · linear.app

Bitnami Secure Images desktop

Bitnami Secure Images

Developer tools. Deep indigo/blue hero band and network photography, spacious light-gray canvas and crisp white cards, conservative Gotham-derived type scale and 4px radii.

Developer Tools · bitnami.com

Virtualmin desktop

Virtualmin

Developer tools. Deep indigo hero with starry gradient and wavy line overlays, light neutral canvas and thin Roboto-condensed headings, colorful outlined feature cards and prominent hot-pink call-to-actions.

Developer Tools · virtualmin.com

Pusher desktop

Pusher

Realtime developer platform. Large, friendly purple headline voice, deep purple gradient bands, white canvas and roomy layouts.

Developer Tools · pusher.com

Hasura desktop

Hasura

Developer platform. Airy, editorial headlines with mono system labels; large rounded cards with soft pastel fills; a very light neutral canvas with restrained navy accents.

Developer Tools · hasura.io

Prisma (style distilled) desktop

Prisma (style distilled)

Developer tools. Heavy geometric display type set against an airy white canvas, teal hero and CTA accents, restrained card surfaces with soft 6–12px radii.

Developer Tools · prisma.io

Drizzle Team desktop

Drizzle Team

Developer-tools. Calm, utilitarian white canvas with restrained cool-gray typography; thin outlined cards in a dense grid; subtle pill radii and a single dark-slate CTA.

Developer Tools · drizzle.team

Turso desktop

Turso

Developer tools. Deep one‑dark canvas, neon aqua callouts and magenta accents, pill‑shaped CTAs and thin haloed cards.

Developer Tools · turso.tech

Clerk desktop

Clerk

Developer platform. Large, confident type and generous white canvas; alternating light/dark bands and deep, tactile dark surfaces; purple CTA accents and technical, diagrammatic hero art.

Developer Tools · clerk.com

WorkOS desktop

WorkOS

Developer tools. White-first pages with very large, confident display type; purple → blue gradient accents and neon-green micro-accents; soft pill CTAs, heavy soft shadows and floating rounded cards.

Developer Tools · workos.com

Convex desktop

Convex

Developer platform. warm paper canvas and deep one‑dark bands, rounded pill CTAs and grid/pixel artwork, restrained retro color pops.

Developer Tools · convex.dev

Liveblocks desktop

Liveblocks

Developer tools. Black canvas and oversized white display type, subtle gray copy and purple brand accents, watercolor-pastel hero art tiles.

Developer Tools · liveblocks.io

Neon desktop

Neon

Developer platform. Stark black canvas and overscaled Inter display type, mint neon accents and pale-mint data surfaces, wide gutters and a rhythm of one-dark bands.

Developer Tools · neon.tech

Railway desktop

Railway

Developer tools. Deep, moody night palette with a large serif display, muted Inter body voice, and purple CTA emphasis.

Developer Tools · railway.app

Warp desktop

Warp

Developer tools. Stark monochrome base with oversized geometric display type, editorial white space and single-pixel chrome, large rounded lavender panels as soft, technical accents.

Developer Tools · warp.dev

Scalar desktop

Scalar

Developer docs. Minimal, high-contrast documentation canvas; bold black call-to-actions, soft grey chrome, playful colorful sticker art.

Developer Tools · scalar.com

Unkey desktop

Unkey

Developer tools. Deep-black canvas and white chrome, oversized editorial type, grainy monochrome hero video with neon chart highlights.

Developer Tools · unkey.com

Val Town desktop

Val Town

developer-tools. airy, all‑white canvas with oversized geometric display type; hand‑drawn isometric city illustrations that run full‑bleed; friendly rounded CTAs in bright oklch blues.

Developer Tools · val.town

Vercel — Agentic Infrastructure (reference) desktopFree

Vercel — Agentic Infrastructure (reference)

Developer platform. Monumental display type, spare monochrome palette, generous negative space.

Developer Tools · vercel.com