L
👤Personal Portfolio

Portfolio Website

Build a stunning personal or creative portfolio to showcase your work and attract clients.

Hero sectionProjects galleryContact formTestimonialsDark modeMobile responsive

The Prompt

✨ Ready-to-use Lovable Prompt

Open Lovable
Build 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. 1

    Copy the prompt

    Click the 'Copy Prompt' button above to copy the full prompt to your clipboard.

  2. 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. 3

    Paste and send

    Paste the prompt into the Lovable chat input and press enter. Lovable will start building your app immediately.

  4. 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?
A clean single-page portfolio takes 10-20 prompts — about 30-60 minutes. A multi-page portfolio with a contact form, project detail pages, and animations takes 1-3 hours.
Can I use my own domain with a Lovable portfolio?
Yes. Lovable offers custom domain hosting on paid plans. You can also export the code and deploy on Vercel or Netlify with your own domain for free.
Can Lovable add a blog to my portfolio?
Yes. Ask Lovable to add a blog section using a simple JSON file or Supabase for blog posts. Lovable generates the blog list page, individual post pages, and a simple way to add new posts.

Ready to build?

Copy the prompt above, then paste it into Lovable. Your app starts building instantly.

Try Lovable Free