探索精选的100个实用JavaScript项目合集,帮助你从初学者到高级水平提升技能。
frontend-projects 开源项目推荐(103 个)
frontend-projects 话题在 GitHub 上没有填写简介,这里按 Star 数汇总最相关的热门仓库。
热门项目 前 20
按 Star 数排序展示前 20 个 · GitHub 共 103 个仓库👩💻 This repository serves as a directory that helps you easily navigate through my other repositories and view the various projects I have completed.
This repository contains a collection of frontend. Each project is built using HTML, CSS, and JavaScript.
This is a Full-stack Car rental website with 3 modules (Admin , Vendor , User ) Admin can dynamically manage content , availability of cars , manage cars , manage users , manage vendors,User can book car , filter , sort , search , see order history , Vendor after getting approved by admin can list hist vehicle in the site
Pexelicons:自定义 📁 文件夹图标
🍿 Movies Time: This project was created for movie enthusiasts to explore a vast collection of movie-related data from the MovieDB API. Designed with scratch using Framer Motion for awesome animations and CSS for an appealing user interface, this website offers an immersive cinematic experience.
50+ 个使用 HTML、CSS 和原生 JavaScript 构建的前端项目,用于练习 DOM 操作、响应式设计、动画、API、UI 组件和 Web 开发。
30 vanilla JavaScript projects showcasing web development concepts and DOM manipulation, from simple functions to complex applications.
Sushi Restaurant 🍣 Landing Page 📃
Tourly 🛬 Travel Agency Website 🌍
A feature-rich Todo app built with React & shadcn/ui — priorities, due dates, subtasks, date-grouped views, filters, sorting, and smooth animations. Clean architecture, persistent storage, dark/light theme.
Markdown Editor is a small React + Vite workbench: Monaco editor on the left, live GitHub‑style preview on the right, with copy, PDF export (Print.js), theme toggle, and optional sync scroll to keep preview aligned. A bundled default markdown file makes it easy to demo, and the codebase stays concise for learning.
These front-end web projects are made by me, And these web projects can help beginners to improve their web development skills.
An all-in-one frontend learning hub packed with the best HTML, CSS, and JavaScript resources — from cheatsheets and interactive playgrounds to projects and design inspiration. Perfect for students and beginners who want to learn web development the smart, practical, and fun way 🚀
Here, I showcase the solutions to a series of projects completed during my journey as a beginner in JavaScript. Each project has its dedicated directory, containing separate HTML, CSS, and JavaScript files for easy navigation and exploration. Feel free to browse through and check out my work!
At cult.fit, we strive to keep you fit & healthy through a range of servises that includes fitness and yoga, healthy meals, mental wellbeing and primary health care. Become healthy from the safety of your homes with cult fit that helps you to #BeBetterEveryDay #WeAreCult
Social media cool hover effect
"Define It" is your go-to dictionary app for quick, accurate, and comprehensive word definitions.
A project that replicates the core functionalities of Spotify, a popular music streaming service. This clone aims to provide similar features and user experience.
Collection of 50+ small frontend projects built with HTML, CSS, JavaScript & Tailwind CSS (calculators, games, animations, UI components).
关于这个话题
- 清单取自 GitHub 话题页并按 Star 数排序,每次展示前 20 个项目;原始页面见 https://github.com/topics/frontend-projects。
- 该话题在 GitHub 上共有 103 个仓库, 本站收录的是其中最热门的 20 个,不是全量列表。
- Star / Fork 每日自动刷新一次,实时数据以 GitHub 为准。
- 当前 20 个项目累计 893 Star,覆盖 4 种主要语言,数据更新于 2026-11-07。
- 中文介绍来自 GitHub 官方话题说明(github/explore)的机器翻译,可点「查看原文」对照;译文缺失时会先展示原文。