The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more! Learn more →
Top 23 JavaScript front-end Projects
-
Project mention: Made a free website for practicing what's taught in Tobira: Gateway to Advanced Japanese | /r/LearnJapanese | 2022-12-16
Yup, I wrote the majority of the site's functionality using vanilla JS. I did use dragula for the drag and drop and easytimer for the timing though.
-
Bower is a package manager specifically designed for front-end web development. It can be used to manage JavaScript, CSS, and HTML packages and dependencies. It was developed by Twitter and is known for its simplicity and ease of use. However, it is worth noting that Bower is no longer actively maintained, and developers are encouraged to use other package managers like Yarn or PNPM instead.
-
Amplication
Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.
-
-
I’ve actually done that “web components as the interoperability layer”!
It was this old angular 1.8 app with new features being written in angular-hybrid-ized angular 8. Ripping out angular-hybrid and separating the angular 1.8 routes from the modern angular routes was difficult, but now they were totally separate.
The only thing linking them together was an object with some RXJS streams in it for state, and a little in-house wrapper “app” who just loaded one component or another depending on the URL and a hash of routes for config. (I’d probably use SingleSPA [1] now. Same thing really.)
We could deploy them separately since the build just ends up being another JS file somewhere that just gets included with a script tag at runtime. No version bumping! No big mega build!
We started replacing the remaining “old” routes 1 by 1 with a “new” counter part. That was the easiest part, and went at a pace devs were comfortable with (fast enough) and business folk could tolerate. (modular enough to not HAVE to be done all at once)
Last I checked, the angular 1.8 stuff is gone years ago. :)
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
-
hotel
🏩 A simple process manager for developers. Start apps from your browser and access them using local domains
-
beautiful-react-hooks
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥
Project mention: Ultimate Guide & Resources to Enhancing Your ReactJS Skills || 16 GitHub repositories | dev.to | 2023-08-14Elevate your coding experience with these beautifully crafted hooks for a delightful development process.
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
-
-
You may want the Streamlink Twitch GUI though for easier usage
-
-
Another good one I like which is more basic is Saltgui https://github.com/erwindon/SaltGUI
-
practical-front-end-projects
Collection of practical front-end projects developed by pure JS, HTML, and CSS without any third-party libs and packages
-
Project mention: How to browse Reddit, Youtube, Quora and twitter in this period of Bac exams without vpn | /r/algeria | 2023-06-12
Use frontend alternitive websites: Reddit > https://libreddit.domain.glass/ | Youtube > https://docs.invidious.io/instances/ or https://piped.video | Quora > https://quetre.iket.me/ | Twitter > https://nitter.net/ | for linux users use these apps: Smplayer+smtube (youtube) available on Flathub and AUR or Freetube available Flathub and AUR | for android users: newpipe or libretube (youtube) | for more apps for linux, android and windows and more links visit this link for more information about frontend alternative websites watch Eric Murphy's video
-
-
-
-
-
bootstrap
Tradução da documentação em Português Brasil do mais popular framework HTML, CSS, e JavaScript para desenvolvimento responsivo e projetos mobile first na web. (by bootstrapbrasil)
-
-
-
-
RedditBadUIBattles
My UI designs that I created for a Reddit subreddit named Bad UI Battles where the developers intentionally design bad UI .
-
SurveyJS
A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
JavaScript front-end related posts
- Micro-frontend with Module Federations [Part 1] - Vite
- Vue 2 EOL
- Building a Large Scale Micro-frontend Application.
- What do you study or prepare before the job Interview as (Front-end Dev)?
- Question for 'Libredirect' add-on users: Anyone else facing this issue with 'Quetre', the open-source Quora front-end?
- A JavaScript router for front-end microservices
- How much about frontend do I need to know before applying for job as a frontend developer?
-
A note from our sponsor - Appwrite
appwrite.io | 29 Sep 2023
Index
What are some of the best open-source front-end projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | Dragula | 21,650 |
2 | Bower | 15,030 |
3 | front-end-guide | 14,992 |
4 | single-spa | 12,626 |
5 | react-sortable-hoc | 10,547 |
6 | hotel | 9,911 |
7 | beautiful-react-hooks | 7,106 |
8 | all-of-frontend | 5,197 |
9 | rome | 2,913 |
10 | streamlink-twitch-gui | 2,515 |
11 | blog | 1,545 |
12 | SaltGUI | 441 |
13 | practical-front-end-projects | 362 |
14 | quetre | 355 |
15 | meshery.io | 349 |
16 | css-modules-typescript-loader | 195 |
17 | interactor | 191 |
18 | epic-react-exercises | 149 |
19 | bootstrap | 120 |
20 | cocktails | 107 |
21 | react-native-imaged-carousel-card | 97 |
22 | color-tools | 83 |
23 | RedditBadUIBattles | 67 |