Explore here
- Web app
- Consumer apps
Build a portfolio website with AI, free to start
Vibely is an AI portfolio website builder: describe your work and it builds a home page of selected projects, a page for each case study, an about page and a contact form, published free on a vibelyagent.com address. It is React and TypeScript you own, so the layout is yours rather than a theme’s, and you can download the code on every plan.
- Platform
- Web app
- Category
- Consumer apps
- Stack
- React, TypeScript, Supabase
- Plans
- Free to start; database and sign-in from Lite
A page per project, in a case-study format you describe
Included in the first build
Published free on a vibelyagent.com address
Yours to keep
- Deploys to a live URL — nothing for your team to install
- React and TypeScript you own, synced to GitHub on Lite, Pro and Business
- An editor for your projects and stored contact messages from Lite
- Free plan, no credit card; custom domain from Lite
1. Who this is for
For designers, developers, photographers, artists and students who want a portfolio that looks like their work rather than someone else’s theme. If a few images on a hosted page are enough, a portfolio service will do. The case for building one is owning the layout and the code, and adding the thing a template will not let you, like your own case-study format.
2. Start with this prompt
Paste it in and edit the details to match your own. Being specific about the screens and the data is what separates a working app from a mockup.
Build a portfolio website for Maya Chen, a product designer. Pages: a home page with my name, one line about what I do and a grid of six selected projects; a page for each project with the brief, my process in three steps, the screens and the result; an About page with a short bio and my experience; and a Contact page with a form for name, email and message. Style: clean and editorial, plenty of white space, one accent colour, mobile-first. Seed it with six projects.
3. What the build actually consists of
The pages people see
A home page with your best work in a grid, a page per project with the brief, the process and the result, an about page and a contact page, in the style you describe and laid out for a phone first.
An editor for your work
From Lite, projects can be rows in a Supabase database with an editor behind your sign-in, so adding a project or reordering the grid is a minute rather than another prompt, and contact messages are stored for you to read.
Yours to keep
A normal React and TypeScript app on a free vibelyagent.com address. Download the code on every plan, sync it with your own GitHub repository on Lite, Pro and Business, and connect your own domain from Lite.
Built on:The Supabase backendOne-click publishingCode you own
4. What you get
- A home page with your selected work
- A page per project with the brief, the process and the result
- An about page and a contact form
- A mobile-first layout in the style you describe
- A live URL from the first build
5. What to build next
Once the first build lands, these are the prompts people send next.
- Store the projects in Supabase with an editor only I can open after signing in, where I can add, edit and reorder them.
- Save contact form messages to the database and list them in the editor.
- Add a page that filters projects by type: branding, product and web.
Works with the tools you already use
115 built-in connectors, from Vibely AI, Supabase, Stripe and GitHub to Slack, HubSpot, Shopify and Snowflake. Anything else is an API call in code you own.
Questions, answered.
Describe it. Watch it build.
Paste the prompt above and react to something running instead of writing a spec. The free plan needs no card, and the code is yours from the first build.