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 7

Repositories

Showing 10 of 81 repositories
  • grid-landing-page Public

    Build a landing page hero with a 2x2 stats grid, a split headline layout, and a toggleable menu. A great first project for practicing CSS Grid across breakpoints.

    frontendmentorio/grid-landing-page's past year of commit activity
    HTML 2 1 0 0 Updated Aug 7, 2026
  • belay Public
    frontendmentorio/belay's past year of commit activity
    0 0 0 1 Updated Jul 10, 2026
  • hotel-booking-confirmation-page Public template

    Practice layout and typography by building this boutique hotel booking confirmation page, featuring overlapping cards, a branded sidebar, and a fully responsive design.

    frontendmentorio/hotel-booking-confirmation-page's past year of commit activity
    HTML 2 0 0 0 Updated Jun 25, 2026
  • rest-countries-api-with-color-theme-switcher Public template

    If you're wanting to test your JavaScript skills this is the challenge for you. Use whichever JS framework you prefer and pull data from the REST Countries API.

    frontendmentorio/rest-countries-api-with-color-theme-switcher's past year of commit activity
    2 3 0 0 Updated Jun 12, 2026
  • launch-countdown-timer Public template
    frontendmentorio/launch-countdown-timer's past year of commit activity
    HTML 0 2 0 0 Updated Apr 20, 2026
  • interactive-pricing-component Public template

    In this project, you'll build out an interactive pricing component complete with custom range input slider and pricing toggle. A perfect way to test your JS skills!

    frontendmentorio/interactive-pricing-component's past year of commit activity
    HTML 0 1 0 0 Updated Apr 17, 2026
  • 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 7 2 2 Updated Mar 30, 2026
  • multi-step-form Public template

    An excellent test for your form-building and JS skills, this project will pose lots of challenges along the way to completion.

    frontendmentorio/multi-step-form's past year of commit activity
    HTML 2 2 0 0 Updated Mar 30, 2026
  • 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 Mar 30, 2026
  • 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 Mar 30, 2026

People

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