🌐
GitHub
github.com › orgs › community › discussions › 151258
I need some beginner friendly repositories tech stack using HTML, CSS , JS , Python . · community · Discussion #151258
February 12, 2025 - If you're new to open-source ... alternative to Linktree. Good for learning frontend development. zero-to-mastery/HTML-CSS-JavaScript-projects - A collection of beginner-friendly projects to improve your skil...
🌐
Google Open Source
opensource.google › projects
Projects | Google Open Source
At Google, we use open source to innovate and we release open source to share our innovations. We encourage you to browse through our featured projects to find work to use, share, and build on!
Discussions

Sources to get project for practicing HTML, CSS, JS
Frontend Mentor is really good! More on reddit.com
🌐 r/Frontend
26
80
March 13, 2021
Unique JavaScript Project Ideas: What Have You Built?
I built a time machine. It's an idle game model. Here's how it works: First I get the date object and I transform it to make it into a variable I can manipulate. Then time is deduced every second and the machine goes back into the past. I transform the date into a number for internal calculation to make it easier. 2020.5674 is the year 2020 with 56.74% of it already passed, so somewhere in mid July. Then there is a database. That's the part with a lot of work. Basically, any historic event has some sort of duration. So depending where the player is, certain events will be displayed in organized lists. So with the 2020.5674 example, the lists would indicate you're in the middle of the COVID crisis, Donald Trump was president, the Yemeni Civil War was going on, the Big Bang Theory was still an active TV show etc... I have categories for pop culture, television, etc... As the player goes back in time, the lists get remade. The database is contained in an array and looks like this for each item: "The Eiffel Tower",4,1887.074,2050.999, So the first element is just the name of the item as it will appear. The second one is a tag that indicates what category it should belong to and the two other numbers are the date the thing existed, or the event was going on, expressed as a fraction for ease of calculation. I also made utilities along the way, such as a page that allows me to get that fractional number instantly by entering a date as input. So basically, a function itterates through all these items and if the category exists, it will be displayed with all the elements whose duration the present date is included in. (I found it easier to do it by concatenating a string than appending tons of children) Now I do have that concept officially copyrighted and I intend to redo it eventually, much bigger, with more details, allowing the user to click on items and get more info, etc... So I don't mind if you do something like that for your own use... just don't publish it under your name. More on reddit.com
🌐 r/learnjavascript
74
34
November 23, 2023
What HTML, CSS, and JavaScript Projects Helped You the Most as a Beginner?
If you are on Discord, please join our Discord server: https://discord.gg/Hg2H3TJJsd Thank you for your submission to r/BTechtards . Please make sure to follow all rules when posting or commenting in the community. Also, please check out our Wiki for a lot of great resources! Happy Engineering! I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns. More on reddit.com
🌐 r/Btechtards
39
85
June 10, 2025
Real World JavaScript Projects
https://github.com/florinpop17/app-ideas You can always use Firestore for easy backend. More on reddit.com
🌐 r/learnjavascript
42
101
June 20, 2020
People also ask

What can I design with JavaScript?
JavaScript allows you to design interactive user interfaces, data visualizations, animations, and other dynamic elements on a webpage. JavaScript can also be used as a drawing tool to make static pages look more appealing with graphical elements.
🌐
skillcrush.com
skillcrush.com › home › blog › blog
21 Easy JavaScript Projects for Beginners (Code included!) Skillcrush
What project can I build with JavaScript?
You can build a wide range of projects with JavaScript, including games (like Pong, Hangman, and Tetris), mouseover elements, a login authentication system, and even drawing tools. JavaScript can be used to create interactive web browser music with frameworks like Tone.js, and to add offline functionality to web apps using libraries like Workbox.
🌐
skillcrush.com
skillcrush.com › home › blog › blog
21 Easy JavaScript Projects for Beginners (Code included!) Skillcrush
What can I make with only JavaScript?
With only JavaScript, you can create dynamic, interactive elements for web pages, including games, animations, form validations, and much more. You can also build more complex web applications, such as a to-do list app, a weather app, or a calculator.
🌐
skillcrush.com
skillcrush.com › home › blog › blog
21 Easy JavaScript Projects for Beginners (Code included!) Skillcrush
🌐
GeeksforGeeks
geeksforgeeks.org › javascript › top-javascript-projects
JavaScript Projects | 80+ Project Ideas with Source Code for 2025 - GeeksforGeeks
March 5, 2026 - HTML and CSS were used to design the user interface, while JavaScript was utilized to add functionality to the projects. Also, this JS Projects guide is categorized based on their level of difficulty, starting from basic JavaScript projects. Here, 95+ JavaScript Projects With Source Code – ...
🌐
Brainhub
brainhub.eu › library › javascript-open-source-projects
Top 20 JavaScript Open Source Projects On GitHub
May 6, 2025 - There are a lot of JavaScript open-source project on GitHub, but let's take a look at 20 essential ones. Among them: React, Vue, Jest, and more. Each one with a repository link. ... JavaScript is one of the most versatile languages in popular ...
🌐
Medium
medium.com › @astrogeek77 › 15-projects-to-master-html-css-and-js-with-source-code-6fb883f08a25
15+ Projects to master HTML, CSS, and JS with source code | by Astrogeek | Medium
September 9, 2023 - 15+ Projects to master HTML, CSS, and JS with source code HTML, CSS, and JS are some of the best building blocks used today to build websites and web apps and they also serve as the footstone for …
🌐
Webdesignledger
webdesignledger.com › html-css-free-codepen
30 Open Source HTML/CSS Projects from CodePen – Web Design Ledger
It is an online HTML/CSS/JS code editor where you can build ideas and test them in real-time. Developers can also share their pens with others all around the world! It is a great web application which allows frontend developers to practice their skills from any computer with Internet access. I’ve gone through the latest pens and gathered 30 of the best code samples. Projects which are free to duplicate will have an open source ...
🌐
Kashipara
kashipara.com › project › category › download_html-css-template-project-source-code_8
Top 20 downloaded HTML, CSS and JS project with source code - kashipara
We hope this projects would be useful for quick glance before going for any projects submission. These project list for final year in CSE, BE, BCA, MCA, B.Sc, Ms.Bsc, Computer Science students other HTML, CSS and JS professionals. Huge collection of readyment open source project developement using HTML, CSS and JS platform.
Find elsewhere
🌐
Skillcrush
skillcrush.com › home › blog › blog
21 Easy JavaScript Projects for Beginners (Code included!) Skillcrush
December 18, 2023 - It gives you a solid foundation ... use the random function, nested functions, and event listeners ... Copy the source code from GitHub for HTML and CSS....
🌐
GitHub
github.com › solygambas › html-css-javascript-projects
GitHub - solygambas/html-css-javascript-projects: 100+ mini web projects using HTML, CSS and JavaScript. · GitHub
100+ mini web projects using HTML, CSS and JavaScript. - solygambas/html-css-javascript-projects
Starred by 2.1K users
Forked by 670 users
Languages   HTML 47.6% | CSS 34.3% | JavaScript 17.4% | SCSS 0.7%
🌐
Best of JS
bestofjs.org
Best of JS • Trends today
A place to find the best open source projects related to the web platform: JS, HTML, CSS, but also TypeScript, Node.js, Deno, Bun...
🌐
Reddit
reddit.com › r/frontend › sources to get project for practicing html, css, js
r/Frontend on Reddit: Sources to get project for practicing HTML, CSS, JS
March 13, 2021 -

I need some websites or some free sources where I can get projects to practice. Also what are the sites to get inspiration for project. Where I can see other people's works and try to improve my skills.

🌐
GeeksforGeeks
geeksforgeeks.org › html › web-development-projects
30+ Web Development Projects with Source Code [Updated 2025] - GeeksforGeeks
August 5, 2025 - To help you get started, we've curated a list of 30+ web development projects with complete source code, covering a wide range of technologies—from HTML, CSS, and JavaScript to modern frameworks like Angular, React, and Next.js.
🌐
Medium
medium.com › @tnfe2019 › 20-javascript-open-source-projects-worth-collecting-89f86fbf672b
20 javascript open source projects worth collecting | by Tnfe | Medium
February 19, 2024 - 20 javascript open source projects worth collecting The world of open source is becoming more colorful every day. What new challenges will there be in the front-end field in 2022? Below are 20 …
🌐
Requestly
requestly.com › home › academy › frontend development › top 10 open source projects you’ll love to contribute as frontend developer in 2024
Top 10 Open Source Projects you’ll love to Contribute as Frontend Developer in 2024
July 17, 2024 - Toward the end of this article, ... to open-source projects. Let’s check what are these awesome projects. Awesome Frontend Resources is a curated list of invaluable tools, libraries, tutorials, and articles for frontend developers. Whether you’re a beginner looking to learn the basics or an experienced developer seeking advanced techniques and best practices, this resource repository has you covered. It includes links to various topics such as HTML, CSS, JavaScript, frameworks ...
🌐
Maybe Works
maybe.works › blogs › 10-most-helpful-js-open-source-projects
10 Best JavaScript Open-Source Projects
August 22, 2024 - The JavaScript history reveals a journey of constant innovation and adaptation, making it hardly surprising that JavaScript reigns supreme as the most utilized language among GitHub users, the world’s largest software development and collaboration platform. GitHub has now become the go-to hub for sharing code and open-source projects, boasting a plethora of repositories dedicated to JavaScript.
🌐
DEV Community
dev.to › swirl › 24-best-resources-for-web-developers-html-css-javascript--2hog
24 Best Resources 🎨 For Web Developers 💻 [HTML + CSS + JavaScript] 😱 - DEV Community
November 2, 2023 - Tons of free and legal, fully layered, easily customizable photo realistic PSD mockups: Ready to use in your projects, app showcases and presentations! ~ Mentioned on their website! Free Mockup World is a collaboration of high-quality best free mockups, including Apple Devices, Branding, Logos, Print, Digital Art, Fashion, Apparel and more. ~ Mentioned on their website. Free, open-source UI design resources for your website. (Contains Figma mocks-ups for login pages, etc.) Beautifully designed components built with Radix UI and Tailwind CSS.
🌐
JSProjects
jsprojects.netlify.app
Collection of vanillaJS-Projects| JSProjects
Collection of different basic vanilla JavaScript projects coded with basic JavaScript skills (along with some HTML and CSS)
🌐
Bootstrap
getbootstrap.com
Bootstrap · The most popular HTML, CSS, and JS library in the world.
Install Bootstrap’s source Sass and JavaScript files via npm, RubyGems, Composer, or Meteor. Package-managed installs don’t include documentation or our full build scripts. You can also use any demo from our Examples repo to quickly jumpstart Bootstrap projects. ... Read our installation docs for more info and additional package managers. When you only need to include Bootstrap’s compiled CSS or JS, you can use jsDelivr.