P
PORTOFOLIO GENERATOR
REACT • VUE • TSX • ZIP SOURCE
← KEMBALI
GENERATOR V2 — PILIH • ISI • DOWNLOAD ZIP

BUAT PORTOFOLIO
PROFESIONAL
DALAM 2 MENIT

Pilih template premium (hasil inspirasi desainmu), isi data dirimu, preview live, klik generate — sistem akan memproses & memberikan ZIP source code siap npm install && npm run dev. Support React + TSX dan Vue + TSX via Vite.

React TSX Vue TSX Tailwind Ready Responsive
1
2
3
STEP 1 / 4
Pilih template favoritmu. Klik kartu untuk memilih, lalu lanjut isi data.
ZIP berisi Vite project lengkap + package.json + src/.

01 — PILIH TEMPLATE

BELUM DIPILIH
TECH STACK:
* Semua template support kedua stack
PREVIEW 100% SAMA PERSIS — SIMPAN GAMBAR REFERENSI DI PATH INI:
01 → assets/templates/01-blue-halftone.jpeg (Gambar 1 - Portofolio biru)
02 → assets/templates/02-cinematic-study-group.jpeg (Gambar 2 - STUDY GROUP)
03 → assets/templates/03-midnight-rayhan.jpeg (Gambar 3 - RAYHAN ADITYA)
04 → assets/templates/04-teal-antariksa.jpeg (Gambar 4 - ANTARIKSA)
Klik kanan tiap gambar → Save image as → taruh di path tsb → Reload (Ctrl+Shift+R). Jika belum ada, preview pakai placeholder. Lihat assets/templates/README.txt

02 — ISI DATA PORTOFOLIO

AUTO SAVE

PROFIL

KONTAK

SKILLS & SOFTWARE

PROJECTS (maks 6)

Dengan klik Generate, kamu menyetujui pembuatan file TSX sesuai template terpilih.

LIVE PREVIEW

STACK: REACT + TSX —
APA YANG KAMU DAPATKAN?
  • Folder siap npm install (Vite)
  • src/App.tsx (atau Vue TSX) sesuai template
  • index.html, tailwind, tsconfig.json
  • Asset & style siap build npm run build
npm install
npm run dev
TIPS

Isi minimal nama + role + 1 project. Foto dikosongkan tidak masalah — akan pakai placeholder gradient.