Swapnil Biswas / concept library
49 concepts
Design inspiration · 49 directions

Personal website examples - 49 homepage design concepts

A working gallery of 49 homepage design concepts - personal and portfolio website examples, each built as a complete, self-contained page with its own typography, palette, motion and technology. Browse directions across editorial, WebGL and 3D, monochrome, retro and playful interactive styles, from split-flap boards and oscilloscopes to holographic cards, periodic tables, pen-plotter drawings, trading-floor tickers, code editors and arcade cabinets. Filter by category or appearance, search by vibe, and hover any card for a live preview before opening it in full. Whether you are gathering homepage design ideas, hunting portfolio website inspiration, or shortlisting a direction for your own personal site, every concept here is a real, buildable example - 49 ways to route the signal.

49 showing

Browse 49 personal and portfolio website examples by design direction

Aurora concept preview Live
01 WebGL

Aurora

Minimal luxury. Calm editorial type over a living WebGL aurora.

Open concept
Monolith concept preview Live
02 Editorial

Monolith

Editorial kinetic. Brutal display type, acid accent, scroll energy.

Open concept
Terminal concept preview Live
03 Instrument

Terminal

Retro-techno. Monospace, phosphor glow, the signal routed.

Open concept
Brut concept preview Live
04 Editorial

Brut

Brutalist. Raw grid, clashing color, rule-breaking layout.

Open concept
Prism concept preview Live
05 WebGL

Prism

Immersive 3D. Refractive glass and iridescent depth in Three.js.

Open concept
Atelier concept preview Live
06 Editorial

Atelier

Light editorial. Paper, ink and print-grade restraint.

Open concept
Console concept preview Live
07 Instrument

Console

Your portfolio as the product. SaaS dashboard, command palette, live charts.

Open concept
Broadsheet concept preview Live
08 Editorial

Broadsheet

Newspaper front page. Masthead, justified columns, halftone print.

Open concept
Flux concept preview Live
09 WebGL

Flux

Bright modern SaaS. Flowing gradient mesh and frosted glass.

Open concept
Atlas concept preview Live
10 Instrument

Atlas

Growth, quantified. Swiss data report with animated charts.

Open concept
Odyssey concept preview Live
11 WebGL

Odyssey

From noise to signal. Cinematic scrollytelling, particle morph.

Open concept
Riso concept preview Live
12 Editorial

Riso

Print, overprinted. Risograph duotone, grain and bold shapes.

Open concept
Bauhaus concept preview Live
13 Editorial

Bauhaus

Constructivist geometry. Primary blocks, Futura type, kinetic shapes.

Open concept
Noir concept preview Live
14 Monochrome

Noir

Cinematic monochrome. A cursor-driven spotlight in the dark, heavy grain.

Open concept
Chrome concept preview Live
15 WebGL

Chrome

Liquid metal. A reflective mercury blob mirroring an oil-slick spectrum.

Open concept
Sketch concept preview Live
16 Tactile

Sketch

A strategist's working notebook. Grid paper, marker annotations, sticky notes.

Open concept
Graphite concept preview Live
17 Monochrome

Graphite

Monochrome, neutral. A grayscale gallery - grotesk type, hairlines, topographic lines.

Open concept
Cobalt concept preview Live
18 Monochrome

Cobalt

Monochrome, in blue. One cobalt hue from blueprint black to a cold living aurora.

Open concept
Sepia concept preview Live
19 Monochrome

Sepia

Monochrome, in amber. A warm darkroom - a cursor-lit pool over analog grain.

Open concept
Halftone concept preview Live
20 Monochrome

Halftone

A printer's proof. Your portrait as a live dot field that magnifies under a loupe, numerals screened in halftone.

Open concept
Solari concept preview Live
21 Interactive

Solari

A split-flap departure board. Headline, metrics and work clatter into place on bone flap tiles; the work re-flips on scroll.

Open concept
Kinetic concept preview Live
22 Editorial

Kinetic

A living variable-font specimen. The hero word breathes under the cursor; drag the axis sliders to morph the type.

Open concept
Signal Lab concept preview Live
23 Instrument

Signal Lab

The page as an oscilloscope. A live trace resolves from noise into signal as you scroll; hover a stat and the scope reads it out.

Open concept
Draftsman concept preview Live
24 Editorial

Draftsman

A pen-plotter technical drawing on vellum. Headline strokes and a continuous-line figure plot themselves; metrics draw on as a growth curve.

Open concept
Studio Desk concept preview Live
25 Tactile

Studio Desk

A tactile physics workspace. Business card, polaroids and sticky notes drop onto the mat - drag and throw them.

Open concept
Kernel concept preview Live
26 Instrument

Kernel

A developer OS that boots into a riced tiling window manager. POST sequence, polybar status bar, neofetch specs.

Open concept
Cartograph concept preview Live
27 Interactive

Cartograph

The career as an interactive transit map. Companies are stations on a route that draws itself; pan, zoom and tap a node.

Open concept
Patchbay concept preview Live
28 Instrument

Patchbay

A Eurorack modular synth. Disciplines are panels wired by glowing patch cables; a signal pulses through to a lit readout. Route the signal.

Open concept
Foil concept preview Live
29 Tactile

Foil

Work as holographic trading cards. Each case study tilts in 3D and its iridescent foil shimmers under the cursor.

Open concept
Broadcast concept preview Live
30 Interactive

Broadcast

A vintage CRT television you channel-surf. Each section is a channel; switching plays a static burst and a tracking roll.

Open concept
Foundry concept preview Live
31 Tactile

Foundry

An industrial assembly line where the work gets shipped. A conveyor of work-crates rides past machine stations, each stamped SHIPPED.

Open concept
Elements concept preview Live
32 Interactive

Elements

A periodic table of the craft. Disciplines and clients are elements; click a tile and it expands to the work behind it.

Open concept
B-Side concept preview Live
33 Tactile

B-Side

The career pressed to vinyl. A spinning record and tonearm; an A-side / B-side tracklist, the needle dropping as you select.

Open concept
Directory concept preview Live
34 Interactive

Directory

A building lobby and elevator. Each section is a floor; ride between them with a ticking floor-counter and sliding doors.

Open concept
Circuit concept preview Live
35 Instrument

Circuit

A printed circuit board. The signal routes through copper traces that etch themselves, lighting an LED at each discipline IC on the way to the results chip.

Open concept
Comic concept preview Live
36 Tactile

Comic

A graphic novel of the career. Splash-page hero, story panels with caption boxes and speech bubbles, metrics landing as onomatopoeia bursts.

Open concept
Microscope concept preview Live
37 Interactive

Microscope

An infinite-zoom narrative. Start on the macro number and scroll to zoom in through the funnel, the campaigns and the systems underneath. Look closer.

Open concept
Spreadsheet concept preview Live
38 Instrument

Spreadsheet

The portfolio as a literal spreadsheet. Cells, a formula bar, sheet tabs; metrics compute via visible formulas and the cell cursor moves with the arrow keys.

Open concept
Receipt concept preview Live
39 Tactile

Receipt

A thermal printer spools out the itemized career, line by line - line items, a running total carrying the numbers, a barcode and a PAID IN FULL / SHIPPED stamp.

Open concept
Constellation concept preview Live
40 Interactive

Constellation

A planetarium star chart. Companies are stars wired into a constellation that draws itself over a parallax starfield; hover a star to read the work.

Open concept
Origami concept preview Live
41 Tactile

Origami

Sections built from folding paper. Panels unfold in 3D as you scroll, the hero creases into shape and work cards fold open like a fold-out map.

Open concept
Exchange concept preview Live
42 Instrument

Exchange

The career as a live market. A ticker tape streams the wins, candlesticks chart the growth and every metric quotes like a stock. Watch it trade.

Open concept
IDE concept preview Live
43 Instrument

IDE

Your portfolio, open in the editor. A file tree, syntax-lit tabs and an integrated terminal that builds and prints the results. Run the career.

Open concept
Passport concept preview Live
44 Interactive

Passport

A traveller's document. A tear-off boarding pass, passport pages stamped at every company and a great-circle route that draws itself. Now boarding.

Open concept
Arcade concept preview Live
45 Tactile

Arcade

Insert coin. A retro arcade cabinet where the career is the game - a HUD scoring the leads, a level per role and a high-score table for the wins. Press start.

Open concept
Assistant concept preview Live
46 Instrument

Assistant

The portfolio as an AI copilot. Ask about the work, the numbers or how to hire him and the answers stream back, cited - built by the marketer who builds the agents.

Open concept
SERP concept preview Live
47 Instrument

SERP

The career, ranked #1. A search results page led by an AI Overview with citations, organic results for the work, a knowledge panel and People Also Ask. SEO and AEO made literal.

Open concept
Model Card concept preview Live
48 Instrument

Model Card

Swapnil-1, a frontier model. A model card for the marketer - capabilities, eval benchmarks, a system prompt and a playground. The growth operator, specced like an LLM.

Open concept
Brand concept preview Live
49 Editorial

Brand

The person as a brand system. Positioning, a logo and monogram, color tokens, a type specimen and voice and tone - brand guidelines for one operator. Open the brand book.

Open concept
No concepts match these filters.