FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Original HTTPS Page]

Frontend Mentor · GitHub

Frontend Mentor

Improve your front-end skills by building real projects

Frontend Mentor

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

Loading
Type
Select type
All Public Sources Forks Archived Mirrors Templates
Language
Select language
All CSS HTML JavaScript
Sort
Select order
Last updated Name Stars
Showing 10 of 81 repositories

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…


Back | FazBrowse Home | New Git URL