Developer communities
How to list your website on CodePen
Front-end playground profile where your pens and profile can link back to your site.
- Link
- Link type unverified
- Cost
- Free plan
- Effort
- Moderate
- Reach
- High authority
- Region
- Worldwide
- Website
- codepen.io
How to get listed on CodePen
- Create a CodePen account.
- Add your website to the profile.
- Publish pens showing components or effects from your site.
- Link to the live site in pen descriptions.
You needFree account.
CodePen questions
Are CodePen links dofollow?
We have not confirmed it. Once your CodePen listing is live, check the link to your site: a rel="nofollow" attribute means it is nofollow.
Is CodePen free?
CodePen has a free plan and paid upgrades. Check what the free listing includes before you start: on some sites the website link comes with a paid plan.
How much work does a listing on CodePen take?
A full profile with screenshots or a verification step: about an hour. How long approval takes is up to CodePen: many sites review a listing before it goes live.
Plan it, then tick it off.
Office hours: Monday to Saturday, 10:00–18:00 IST+91 74158 85838