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
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
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
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
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
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
Developer tools. A bold mono-first voice, generous white space, hand-drawn orange accents and rounded card panels.
Developer Tools · boilerships.com

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
Developer tools. Heavy, one-dark canvas with warm orange highlights, large editorial display type and soft pill controls.
Developer Tools · ropilot.ai

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

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
Open-source note app. High-contrast serif headlines, quiet white canvas, subtle dotted grid + teal-violet radial wash.
Developer Tools · usememos.com

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
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
Developer tools. Deep charcoal canvases and minimal chrome, oversized geometric display type, burnt-orange CTAs used sparingly.
Developer Tools · gitsaga.io

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
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
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
Developer boilerplate. Warm coral gradient hero, punchy coral CTAs, deep navy headlines and soft icy surfaces.
Developer Tools · fastpocket.dev

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
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
Developer tools. Soft pastel-blue canvas, heavy rounded cards and buttons, friendly green primary CTA, large geometric headings.
Developer Tools · apitemplate.io

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
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
Developer tools. Oversized, confident typography; bright amber (#ff8f00) accents and pill controls; lots of white space and rounded surfaces.
Developer Tools · datatable.dev

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
Developer docs. Soft, breathable chrome with deep navy anchor bands, mint / teal callouts and rounded white cards.
Developer Tools · moxiedocs.com

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

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
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
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
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
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
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
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
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
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
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
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
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
Realtime developer platform. Large, friendly purple headline voice, deep purple gradient bands, white canvas and roomy layouts.
Developer Tools · pusher.com

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)
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
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
Developer tools. Deep one‑dark canvas, neon aqua callouts and magenta accents, pill‑shaped CTAs and thin haloed cards.
Developer Tools · turso.tech

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
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
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
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
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
Developer tools. Deep, moody night palette with a large serif display, muted Inter body voice, and purple CTA emphasis.
Developer Tools · railway.app

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
Developer docs. Minimal, high-contrast documentation canvas; bold black call-to-actions, soft grey chrome, playful colorful sticker art.
Developer Tools · scalar.com

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
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
FreeVercel — Agentic Infrastructure (reference)
Developer platform. Monumental display type, spare monochrome palette, generous negative space.
Developer Tools · vercel.com
