Portfolio Website
Build a stunning personal or creative portfolio to showcase your work and attract clients.
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
How to Use This Prompt
- 1
Copy the prompt
Click the 'Copy Prompt' button above to copy the full prompt to your clipboard.
- 2
Open Lovable
Go to lovable.dev and create a new project. If you're on the free plan, you get 5 credits/day.
- 3
Paste and send
Paste the prompt into the Lovable chat input and press enter. Lovable will start building your app immediately.
- 4
Iterate and refine
Review what Lovable builds. Use follow-up prompts to refine the design, add features, or fix anything that's off.
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
Different versions of this prompt for specific use cases.
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. Your app starts building instantly.
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.