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

Personal website examples - 41 homepage design concepts

A working gallery of 41 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 and pen-plotter drawings. 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 - forty-one ways to route the signal.

41 showing

Browse 41 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
No concepts match these filters.