Skip to content
@frontendmentorio

Frontend Mentor

Improve your front-end skills by building real projects

Frontend Mentor

Frontend Mentor banner

Frontend Mentor is a platform that helps developers improve their frontend and full-stack skills by building real projects. Our challenges include professional designs and allow you to practice coding in a realistic workflow.

🚀 The Platform

Frontend Mentor provides:

  • 120+ professional design-to-code challenges across 5 skill levels, from HTML/CSS basics to full-stack applications
  • Portfolio projects that get you hired with professional designs that consistently impress recruiters and demonstrate real-world capabilities
  • AI-enhanced feedback that spots 3x more improvement opportunities to accelerate your growth on every submission
  • Master professional workflows with Figma design files providing exact specs (colors, spacing, fonts) just like pro developers use
  • Practice with AI development tools like Cursor, GitHub Copilot, and ChatGPT to practice modern coding workflows
  • Supportive community of 1M+ developers for code reviews, career advice, and mentorship to beat imposter syndrome

Frontend Mentor Pro

Pro membership unlocks premium features including:

  • AI-enhanced feedback on every solution that catches 3x more issues across accessibility, code quality, and structure with explanations on how to fix them
  • 50+ premium portfolio-ready projects from landing pages to full web apps that mirror real client work and impress recruiters
  • Professional Figma design files with exact specs (colors, spacing, fonts) to master the design-to-code workflow pros use
  • Private solutions to control what you showcase and hide work you're not ready to share
  • Unlimited solution screenshots to perfect your submissions and match designs without limits
  • Instant access to community solutions to learn new techniques and get unstuck without submitting your own first

Learn more about Pro →

👥 Frontend Mentor for Teams

Help your development team level up together by building projects. Teams benefit from:

  • 120+ industry-standard projects with professional Figma designs, style guides, and responsive layouts for all skill levels
  • Project-based learning that accelerates developer growth faster than traditional tutorials through hands-on practice
  • Access to 1M+ developer community for feedback, support, and mentorship
  • Simple team management with project/path assignment, flexible seat management, and single annual invoice
  • Team branding visibility across the platform to attract talent and build brand awareness
  • Private solutions for team members to work confidentially

Perfect for engineering teams, bootcamps, and educational institutions.

Explore Teams →

💼 Frontend Mentor for Hiring

Hire from a pool of the most committed and skilled developers in the Frontend Mentor community:

  • Project-proven talent with portfolios of real-world projects to review code quality, live demos, and technical capabilities before first contact
  • Advanced candidate search to filter by skills, experience level, location, and salary expectations for fast, precise matching
  • Self-motivated developers from the largest project-based learning community who are proactive, passionate, and continuously improving
  • Direct messaging to promising candidates through the platform to quickly move them into your interview process
  • Reduced hiring overhead by bypassing resume screening and focusing only on developers who meet your exact criteria
  • Cost-effective hiring of high-growth-potential early-career developers with proven skills at more affordable rates

Hire juniors who have already proven their passion, skills, and drive.

Learn about Hiring →

💬 Join the Community

Connect with thousands of other developers in our Discord community:

  • Get help when stuck with questions and advice from supportive, knowledgeable members
  • Share projects for feedback to get code reviews and improve with each challenge
  • Collaborate on challenges by finding developers to pair up and work together
  • Stay connected with thousands discussing code, sharing resources, and getting updates on new challenges

Happy coding 🙂

Pinned Loading

  1. qr-code-component qr-code-component Public template

    A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.

    HTML 1 6

  2. results-summary-component results-summary-component Public template

    This challenge has something for everyone. It’s a HTML and CSS only project, but we’ve also provided a JSON file of the test results for anyone wanting to practice JS.

    HTML 1 1

  3. weather-app weather-app Public template

    Build a responsive weather app with search functionality, unit conversion, and detailed forecasts using the Open-Meteo API.

    HTML

  4. space-tourism-website space-tourism-website Public template

    This project is a fun collaboration between Scrimba, Kevin Powell, and ourselves! If you like, you can follow along and watch Kevin complete the project on Scrimba. Lots to be learned!

    HTML 7 5

  5. todo-app todo-app Public template

    The classic todo app with a few twists! This app includes a dark/light theme toggle and drag & drop reordering for anyone wanting an extra test.

    HTML 2

  6. rock-paper-scissors rock-paper-scissors Public template

    This challenge will seriously test your HTML, CSS and JavaScript skills. There's even a Rock, Paper, Scissors, Lizard, Spock version if you really want to challenge yourself.

    HTML 7 6

Repositories

Showing 10 of 76 repositories
  • weather-app Public template

    Build a responsive weather app with search functionality, unit conversion, and detailed forecasts using the Open-Meteo API.

    frontendmentorio/weather-app’s past year of commit activity
    HTML 0 0 0 0 Updated Oct 17, 2025
  • .github Public
    frontendmentorio/.github’s past year of commit activity
    0 0 0 0 Updated Oct 14, 2025
  • rock-paper-scissors Public template

    This challenge will seriously test your HTML, CSS and JavaScript skills. There's even a Rock, Paper, Scissors, Lizard, Spock version if you really want to challenge yourself.

    frontendmentorio/rock-paper-scissors’s past year of commit activity
    HTML 7 6 2 2 Updated Sep 8, 2025
  • url-shortening-api Public template

    Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.

    frontendmentorio/url-shortening-api’s past year of commit activity
    HTML 8 4 0 0 Updated Jul 24, 2025
  • todo-app Public template

    The classic todo app with a few twists! This app includes a dark/light theme toggle and drag & drop reordering for anyone wanting an extra test.

    frontendmentorio/todo-app’s past year of commit activity
    HTML 0 2 0 0 Updated Jul 24, 2025
  • social-media-dashboard-with-theme-switcher Public template

    This challenge will be a perfect chance to practice your Grid skills. The color theme switcher also adds a nice additional test.

    frontendmentorio/social-media-dashboard-with-theme-switcher’s past year of commit activity
    HTML 1 1 0 0 Updated Jul 14, 2025
  • frontendmentorio/stats-preview-card-component’s past year of commit activity
    HTML 1 3 0 0 Updated Jul 13, 2025
  • single-price-grid-component Public template

    In this challenge, you will build out the pricing component to the designs provided. This is perfect for beginners and people who want to complete a smaller challenge.

    frontendmentorio/single-price-grid-component’s past year of commit activity
    HTML 2 4 0 0 Updated Jul 11, 2025
  • project-tracking-intro-component Public template

    Some interesting layout and code challenges are baked into this design. Perfect if you're a beginner who is starting to get a bit more confident with your layouts.

    frontendmentorio/project-tracking-intro-component’s past year of commit activity
    HTML 0 2 0 0 Updated Jul 11, 2025
  • profile-card-component Public template

    This is a perfect challenge to test your layout skills. The card layout doesn't shift, so it's also great for those that haven't dived into responsive websites yet!

    frontendmentorio/profile-card-component’s past year of commit activity
    HTML 2 3 0 0 Updated Jul 11, 2025

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…