Iris Vey is a portfolio for creative developers, interaction designers and studios of one: a hero that renders a 25,600-point torus knot, torus and blob as live ASCII lit by the pointer, a work list with a floating generative preview and a List/Grid switch, a pinned scroll-driven case study, a playground of six experiments (metaballs, magnetic button, spring toggle, detent dial, decoder, kinetic type), an about page that lights word by word, clients and awards, a copy-to-clipboard email and a light/dark theme.

See the live demo →

Signature: A 3D renderer built from text characters that morphs between shapes and lights up wherever the pointer goes, with a playground of six hand-built experiments.

This is the React edition: a Next.js 16 + React 19 + Tailwind 4 + Motion project. Every word of copy lives in one file (content/site.ts). Run npm install and npm run dev, the way you'd start any Next.js app.

What you get

• Pages: Home, 404, Privacy
• Self-hosted fonts (Host Grotesk and Fragment Mono), and no third-party requests: no Google Fonts, analytics or embeds
• README, AGENTS.md and CLAUDE.md, so AI coding assistants know how the project fits together
• DESIGN.md with the design tokens, type scale and components
• CHANGELOG, credits and licence

Good for

• Creative developers and interaction designers
• Generative artists and motion designers
• Small studios and one-person agencies
• Musicians and installation artists
• Anyone whose portfolio should itself be the proof

Licence

Use it for unlimited projects, your own and your clients'. You can't resell or redistribute the template itself.

Version 1.0.1.