Portfolio Website Lovable Prompt
Build a stunning personal or creative portfolio to showcase your work and attract clients.
Quick answer
Use this Lovable prompt when you want to build a personal portfolio with clear screens, data structure, responsive UI, practical states, and a useful first version you can refine quickly.
The Prompt
Ready-to-use Lovable prompt
Open LovableBuild a personal portfolio website with the following sections: **Hero:** - Full-width hero with name, job title, and one-line value proposition - Two CTA buttons: "View My Work" (primary) and "Contact Me" (secondary) - Subtle animation on page load (fade in) **About:** - Short bio paragraph (2-3 sentences) - Skills grid showing technologies and tools with icon badges - Key stats: years of experience, projects completed, clients **Work / Projects:** - Grid of project cards with: project image/thumbnail, title, short description, tech stack tags, and link buttons (Live Demo + GitHub) - Filter tabs to sort by project type (Web App, Design, Mobile) - Each project card has a subtle hover effect **Testimonials:** - Three testimonial cards with quote, name, job title, and company - Carousel on mobile, 3-column grid on desktop **Contact:** - Simple contact form: name, email, message, send button - Form connected to an email API (Resend) so messages reach your inbox - Social links: LinkedIn, GitHub, Twitter/X **Design:** - Modern, minimal design - Dark mode by default with light mode toggle - Inter or Space Grotesk font - Smooth scroll between sections - Fully mobile responsive
Best for
Personal Portfolio
Intent
Copy-ready Lovable build prompt
Difficulty
1/5
How to Use This Prompt
- 1
Copy the prompt
Use the copy button above so you keep the full structure intact.
- 2
Open Lovable
Start a new project in Lovable using the official Lovable site.
- 3
Paste and send
Paste the prompt as the first message before asking for small edits.
- 4
Iterate carefully
Improve one screen, flow, or state at a time so Lovable has clear direction.
Pro Tips
- ->Describe the type of work you do upfront — Lovable tailors the layout to your profession
- ->Mention 'Resend for contact form' so emails actually arrive in your inbox
- ->Specify your preferred font — Lovable defaults to Inter which is a safe choice
- ->Ask for 'smooth scroll' explicitly for a polished feel
Prompt Variations
Use these versions when your project has a more specific angle.
Designer portfolio
Build a visual designer portfolio with a focus on imagery. Full-bleed hero image. Work section as a masonry grid showing design case studies. Each project opens a modal with full project walkthrough images. Include: logo, brand identity, UI/UX, and illustration categories. Clean, white design that lets the work speak for itself.
Developer portfolio
Build a developer portfolio with a terminal/code aesthetic. Hero with a typing animation showing different roles ('Full-stack developer', 'React specialist', 'Open source contributor'). Featured projects section with GitHub stats (stars, forks). Tech stack section with proficiency bars. Blog section pulling from a JSON file. Dark theme with green accent colour (like a terminal).Frequently Asked Questions
How long does it take to build a portfolio in Lovable?
Can I use my own domain with a Lovable portfolio?
Can Lovable add a blog to my portfolio?
Ready to build?
Copy the prompt above, then paste it into Lovable to start your first version.
Try Lovable FreeMore Prompt Templates
View allSaaS Dashboard
Build a full SaaS app with a user dashboard, authentication, subscription management, and analytics.
E-commerce Store
Build a complete online store with product listings, cart, checkout, and order management.
Job Board
Build a niche job board with job listings, company profiles, and job applications.