How to Create Portfolio Carrd on Carrd
Quick Answer
Creating a portfolio on Carrd is a beginner-friendly, no-code process taking 30-60 minutes: sign up at carrd.co, pick a free portfolio template, customize with images, text, and styles, then publish. Free tier limits to 50 elements; upgrade to Pro for unlimited features and custom domains.
Try Carrd Free →
Partner
Prerequisites
- Web browser and internet connection
- Free Carrd account at carrd.co
- Prepared project images and portfolio links
- Optional: Pro plan for custom domains and premium templates
Step-by-Step Instructions
1
Sign up or log in to Carrd
Visit
carrd.co and create a free account if you don't have one, or log in to access the dashboard. No terminal commands are required, as Carrd is a fully browser-based no-code platform.2
Start a new site from dashboard
From the main dashboard, click + New Site or select Choose a Starting Point. This opens the template gallery with categories like All, Profile, Landing, Form, Portfolio, and Sectioned.
Use the free tier initially; Pro unlocks premium templates.
3
Select a Portfolio template
Click the Portfolio category to filter templates suitable for showcasing work like designer, artist, or freelancer projects. Free templates are available; premium ones marked Premium require Pro Lite or higher. Choose one like a simple portfolio demo by clicking Demo or Use template—it loads directly into the builder.
4
Enter the site builder interface
The editor opens with your selected template. On the left sidebar, access Elements (to add text, images, buttons, etc.), Style (for colors, fonts, backgrounds), Page (to add/manage pages), Instructions, Shortcuts, and Documentation. A walkthrough with arrows may appear for first-time users.
Follow the guided walkthrough if it's your first time.
5
Customize header and bio
Click on text elements like name or bio section. In the right-side editor panel, edit Text content directly (default font: system sans-serif). Upload a profile image via Image element settings—drag to position, set Width to 100% or auto-fit by default.
6
Add portfolio projects
Drag an Image or Gallery element from the left sidebar into a section. Click the element, then in settings: upload project images (supports drag-and-drop), add Link to project details (e.g., paste Behance URL), set Alt text for accessibility. Duplicate sections for multiple projects via right-click > Duplicate (common: 3-6 projects in a grid).
Use galleries for multiple images to save element count.
7
Configure layout and containers
Select a Container or section (e.g., main portfolio grid). In settings, adjust Type (e.g., to
Gallery or List), Width (default: 100% or 800px max), Alignment (center by default), and Spacing (default: 20px vertical). For skills lists, drag List element and add items like Webflow, Figma. Use <code>Shift + Click</code> for quick multi-select or duplicate.
8
Style the site
Click Style tab on left. Set global Background (default: white or gradient), Colors (primary:
#000, accent customizable), Fonts (Google Fonts integration, default: Inter or Roboto).9
Add navigation and contact
Drag Button or Links element for navigation. Link to sections (e.g.,
#projects) or external pages. Add a Form element for contact (default fields: Name, Email, Message; connects to email or integrations like Formspark). Test links in preview mode.
10
Preview, test, and publish
Click Preview (top-right, toggle mobile/desktop views) to test responsiveness and functionality. Once satisfied, click Publish to go live. Free sites use
carrd.co subdomains; Pro enables custom domains. Check mobile view to ensure responsive design.
Common Issues & Troubleshooting
Element limit hit
"You've reached the maximum of 50 elements on free plan"—upgrade to Pro for unlimited; delete unused elements or use multi-purpose ones like galleries over individual images.
Premium template locked
"Premium template—upgrade required"—switch to free templates or upgrade to Pro Lite ($19/year) for access.
Unresponsive previews
Preview glitches often resolve by refreshing the builder, clearing browser cache, or using Shift + Click shortcuts; upgrade if persistent on free plan.
Images not centering or spanning
Select parent Container, adjust Type, Width, and Alignment in settings to fix layout issues.
Custom domain not working
Requires Pro plan; ensure domain is properly connected via Carrd's Publish settings after upgrading.
Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Carrd website before purchasing.