Template

Designer Portfolio Template

Source Code

About this product

Print Studio is a one-page portfolio template made for designers who want to look different. It uses a risograph print look with hard shadows, paper textures and misregistered text, so your work feels tactile from the first scroll.

Projects sit on a draggable pinboard that visitors can move around, or switch to a clean grid. All content lives in one data file, so you can replace the sample text and images with your own in minutes. Fast, responsive and ready to deploy on any static host.

Tech Stack

  • React
  • TypeScript
  • Vite
  • Tailwind
  • Motion
  • AI

Features

  • Draggable project pinboard with grid view toggle
  • Project popups with print specs, results and client quote
  • Rate card services with prices and turnaround
  • Peel-off tool sticker sheet and print-proof process timeline

Specifications

Type
Template
UI
React 19 + Vite
Styling
Tailwind CSS 4
Language
TypeScript
Sections
11 components

Requirements

  • Node.js 18 or higher
  • npm installed
  • Basic React knowledge for customization
  • Any static hosting for deployment

What’s included

Zip File
Complete Source Code
prompt.txt
Inlcuded

Frequently asked questions

How do I add my own projects and images?

Edit src/data/portfolioData.ts and put your images in src/assets/images/. Name, projects, services and reviews are all in that one file.

Does the contact form send emails?

The form is front-end only. Email and WhatsApp buttons work out of the box, and you can connect the form to your own email service or API.

Can I use it for clients or commercial projects?

Yes, you can use it for your own site or client projects.

Need something custom?

Want this adapted to your brand or a different stack? Let’s talk about it.

Let’s Talk
All products →
$1.89 Buy now