Templates

50 hand-crafted templates — every one a real, exportable site. Open a live preview, pick your favorite, and make it yours in the builder.

Or browse the Showcase — real sites built on DevDojo you can remix →

Live previews

Amber

A warm, serif-led studio landing page — an art-directed hero, numbered services, featured work, retainer pricing, an accordion FAQ, and a news section with full posts.

Use template

4 pages · landing · Light · Source

Draft

A dark, Linear-grade SaaS site — glass nav with a mega-dropdown, a CSS-built product mock, bento features, an Updates journal, a changelog, and a mini docs hub.

Use template

6 pages · landing · Dark · Source

Lumen

A polished, deep-green landing page for studios and consultancies — editorial serif headlines, numbered services, big stats, a case-study spotlight, and a Writings journal.

Use template

3 pages · landing · Light · Source

Aria

A refined personal portfolio and blog — Inter, hairline rules, a day/night toggle, a project grid, and five ready-to-edit posts.

Use template

4 pages · portfolio · Light · Source

Blog

A clean, grotesk-set journal in the Linear mold — a giant nameplate, one oversized featured story, a hairlined story grid, and a newsletter close.

Use template

2 pages · blog · Light · Source

Box

A brutalist black-on-white journal — the whole page drawn as one hairline plate floating on the canvas, condensed uppercase display type, newsprint photos that develop on hover, and one signal-red accent.

Use template

3 pages · blog · Light · Source

Commodore

A Commodore 64 love letter of a personal blog — a periwinkle screen frame, a booting READY. prompt with a blinking cursor, pixel-type headings, and BASIC-listing project pages on the classic blue.

Use template

4 pages · personal · Dark · Source

Stone

A calm, confident studio site on warm paper — serif display headlines, a numbered fullscreen menu, an ink-dark pricing tier, and a remembered light/dark mode.

Use template

4 pages · business · Light · Source

Signal

A warm, canvas-styled SaaS marketing site — floating pill nav, a giant cursor-bar headline, a CSS-built product window, bento features, pricing, a changelog, and an Insights blog.

Use template

5 pages · landing · Light · Source

Newspaper

A monochrome broadsheet — centered serif masthead, a real front-page lead package, desk sections, a full-bleed photo feature, and eight reported stories.

Use template

3 pages · blog · Light · Source

Strata

An elegant luxury real-estate site — a full-bleed dusk hero, serif-display property pages with stat cards, a curated portfolio grid, and warm editorial storytelling.

Use template

4 pages · business · Light · Source

Chronicle

A brutalist portfolio with a playful streak — cream canvas, hard ink hairlines, offset shadows, sticker chips, a scrolling marquee, spec-table case studies, and a journal.

Use template

5 pages · portfolio · Light · Source

Folio

A developer's portfolio with a user-card header that collapses into a floating pill on scroll, a two-tone statement hero, GSAP motion, collection-driven case studies, writings, and a data-driven resume.

Use template

5 pages · portfolio · Light · Source

Monarch

A bone-and-black product studio site built around an oversized menu capsule that sits beside the wordmark — split hero, offset statement, services bento, a dark testimonial, a studio journal, and a dated changelog, all lit by an electric lime accent.

Use template

5 pages · business · Light · Source

Pilot

An off-white, monochrome site for an AI agent framework — dark dropdown menus, a three-pane agent console standing on a painted landscape, and a guides library.

Use template

4 pages · landing · Light · Source

Reply

A warm, cream-canvas SaaS site for a help desk with an AI teammate — a markup-built inbox floating on painterly wildflower fields, a live resolution ticker on the one dark band, editorial feature rows, a no-JavaScript pricing toggle, and customer stories on dynamic pages.

Use template

5 pages · landing · Light · Source

Crema

A specialty coffee roaster and neighbourhood bar, built around a hand-set counter board and structured single-origin pages.

Use template

6 pages · business · Light · Source

Norden

A calm, photographic coffee house — a split hero under a rotating seal, a full drinks menu with a page for every cup, a drawn neighbourhood map, and five journal entries.

Use template

6 pages · business · Light · Source

Index

A dark, Linear-sleek personal blog and portfolio — fixed identity sidebar, editorial post lists, a blinking-caret hero, and Geist throughout.

Use template

4 pages · blog · Dark · Source

Stack

A monochrome personal blog with a serif editorial voice, a ledger-style post list, and a quiet page-turn motion system — light and true-black dark.

Use template

2 pages · blog · Light · Source

Onyx

A Swiss-minimal personal portfolio with a giant statement hero, hover-ticker project cards, a writings ledger, and a monochrome voice broken only by one green availability dot.

Use template

2 pages · portfolio · Light · Source

Volt

A bold poster-style personal portfolio and blog — a giant chartreuse display name, dark project cards, a hairline writing ledger, and an electric marquee.

Use template

4 pages · portfolio · Dark · Source

Vale

A refined designer portfolio and journal — serif headlines, grayscale photography, and a lime availability signal.

Use template

5 pages · portfolio · Light · Source

Halo

A pastel-washed personal portfolio where your identity stays pinned above tabbed projects, writings, and an about page.

Use template

3 pages · portfolio · Light · Source

Silver

A developer and designer's personal site laid out as a printed index — a fixed identity rail, a numbered grid of project screens, and lists that raise a preview under the cursor as you read down them.

Use template

6 pages · portfolio · Light · Source

Harlow

A quiet personal site for a designer who also writes — a centred hero opening on a half-ring avatar, selected work in alternating full-width rows, a compact list of recent writing, and a page for every project and post.

Use template

7 pages · portfolio · Light · Source

Atlas

A warm, atmospheric personal site for a designer who also writes — a cirrus wash dissolving into sand-coloured paper, DM Serif Display headlines, a header that inverts over the dark closing panel, and a case-study grid over a compact writing list.

Use template

4 pages · portfolio · Light · Source

Base

A one-column personal site: an identity block, a list of things you made, a list of things you wrote, and nothing else.

Use template

5 pages · blog · Light · Source

Kernel

A personal site reduced to its index — one narrow column of warm paper where every piece of writing and every project is a row of type, a hairline leader, and a date.

Use template

7 pages · blog · Light · Source

Origin

A dead-simple personal site for someone who writes and ships — a ledger of writing ruled against a mono date column, stacked monochrome project shots, a Now page, and a page for every post. One column, one accent, and no JavaScript at all.

Use template

6 pages · blog · Light · Source

Forge

A dead-simple personal site on warm charcoal — a three-column index of work and writing, a hover indicator that glides between rows, and serif essays at reading width.

Use template

7 pages · blog · Dark · Source

Slate

A quiet personal site — an inline portrait inside the opening sentence, hairline lists of writing and projects that light up under the cursor, and a serif reading column.

Use template

4 pages · blog · Light · Source

Node

A dead-simple personal site for someone who writes — one flat type scale, hairlines that follow the column grid, and a keyboard-driven command menu behind a single floating button.

Use template

4 pages · blog · Light · Source

Binary

A dead-simple personal site for someone who writes and ships — one 640px column, one row that bleeds into the gutter when you touch it, and a half-disc switch that flips the whole site between its two states.

Use template

5 pages · blog · Light · Source

Render

A dead-simple personal site built entirely out of one row — writing, projects and reading listed as a ledger that lights up under the cursor, over a calling-card header of avatar, name and a short paragraph.

Use template

6 pages · blog · Light · Source

Chrome

A quiet single-column personal site — a two-tone greeting, hairline rows of writing and projects that catch the light under the cursor, and a Now page that reads like a letter.

Use template

5 pages · blog · Light · Source

Juno

A quiet personal site for someone who writes — an oversized serif voice on warm paper, hairline-ruled lists of writing and projects, and a Now page.

Use template

6 pages · blog · Light · Source

Sand

A dead-simple personal site for someone who writes and ships — off-white paper, one warm clay accent, a sand watercolour fading in at the edges, and a small preview card that follows your pointer down the writing and project lists.

Use template

5 pages · blog · Light · Source

Mercury

A black-and-white SaaS site for an open-source commerce engine — three product cards floating in WebGL, Linear-style feature rows, an SDK code panel, pricing, customer stories, and a changelog.

Get Pro

7 pages · landing · Dark · Source

Current

A white, engineered SaaS site for a revenue-first analytics product — a floating dark pill nav, a dashboard stage hanging from the hero on a painterly band, one-hue feature cards with drawn product mocks, usage pricing, a comparison table, blog, and changelog.

Get Pro

6 pages · landing · Light · Source

Thrive

A navy-and-lime care-operations SaaS site — a bento hero with a live pulse schedule, automation bands, portrait testimonials, an impact grid, and a blog.

Get Pro

5 pages · landing · Light · Source

Dispatch

A warm, editorial SaaS site for an AI inbox — a parchment canvas, an ink-violet hero whose glass console carousels through three surfaces, a bento of drawn panels, customer stories on dynamic pages, and a changelog.

Get Pro

5 pages · landing · Light · Source

Tonic

A botanical-clinical supplement store — a floating snow pill nav, whisper-light forest headlines over a full-bleed hero, container-less formula cards on deep green bands, a drawn capsule cutaway with annotation leaders, a claims ledger, and an editorial journal.

Get Pro

6 pages · landing · Light · Source

Trace

A white, hairline-ruled SaaS site for a link attribution product — a centred hero over a drawn attribution path, four module pillars with built product mocks, a customer mosaic, case studies, usage pricing, and a changelog.

Get Pro

5 pages · landing · Light · Source

Axiom

A white, typeset-terminal site for a developer tool — a hairline nav, a headline hero over a drawn product console, alternating bands with drawn panels, a bento of recent releases, per-seat pricing, a comparison table, a changelog ledger and a small docs hub.

Get Pro

7 pages · landing · Light · Source

Herald

A warm-stone email platform site with a serif hero, a painted landscape stage where an agent's brief becomes a delivered message, numbered feature ledgers with drawn product mocks, volume pricing, blog, and changelog.

Get Pro

7 pages · landing · Light · Source

Dune

A warm-paper site for an AI thinking partner — serif headlines on bone parchment, a start card beside a tall photograph, drawn product moments, a dune horizon under one pull quote, plans with growing tier marks, and an obsidian footer.

Get Pro

6 pages · landing · Light · Source

Carbon

A midnight observability stack site — a split hero whose drawn incident panel replays an outage end to end, a cost comparison, four product bands of drawn mock cards, a full-bleed integrations band, a testimonial wall, pricing, changelog, and blog.

Get Pro

6 pages · landing · Dark · Source

Haven

A dark, filed-record SaaS site for rent operations — mono eyebrows and dispatch bars, a drawn console over a street of painted townhouses, a rent roll that issues a statement, receipt-shaped pricing, blog and changelog.

Get Pro

6 pages · landing · Dark · Source

Kelvin

A cream, daylight home-services site for a heating and cooling contractor — Manrope display in navy, one electric-blue action per section, an estimate sheet you can read before you call, a five-part install ledger, a drag-the-line evidence slider, a navy numbers band and a blue closing band, memberships, blog.

Get Pro

7 pages · business · Light · Source

Every template is a real site.

Not a locked-in theme — plain HTML, Tailwind, and content you can edit visually, rebuild with AI, or export as a ZIP and host anywhere.