Supercharge your front-end skills by building real projects
How it works
Each starter code has everything you need to get up and running. Designs, colors, fonts, it’s all there. There’s also a readme to help get you started.
Code the designs
Now it’s time to build! Use any text editor you like and code it any way you want. You can also join our Slack community to get support from others.
Share your solution
Now that you’ve built your site, it’s time to share it! We can all learn from each other, so share in our community and start the conversation.
Awwwards has an incredible gallery of websites to look around. The sites on here are pushing the boundaries of what's possible on the web. So it's a great place to get ideas.Visit website
SitePoint offers some great articles for improving your web development knowledge. The topics are often really varied and can go into good depth, so definitely worth a follow.Visit website
Subscribe to the Frontend Mentor newsletter
Stay up-to-date with new challenges, blog posts and general front-end goodness.
Is there anywhere to post my solution code?
There is a Finished Projects channel in the Slack community where you can post a link to your solution. Also, please tweet us @frontendmentor with your Github URL and we'll retweet and have a quick peek at your code.
I need help. Is there anywhere I can get support?
Of course! Join our Slack community (below) and you can post questions and also help others out.
Are the challenges free?
Yes! All of the challenges are completely free. Simply download the starter code from the challenge page and you're up and running!
Who started Frontend Mentor?
Join our Slack community
Talk to others taking the challenges, get help with your code, discuss features. Chat about everything front-end!