If you are a Javascript developer and an open-source contributor, here are the highly active open-source projects you can use in your daily work or contribute back to.

1. Storybook - 77.2k stars

A javascript tool enables developers to build organized and compelling UI systems in isolation.

Features

• Simplifies the process of component development
• Ability to integrate your tools to connect workflows.
• Ability to reuse the components and share with other developers.
• Documentation to your components

Tech Stack

• Typescript
• Javascript

Resources

• Follow the Storybook guide to get started.
• Join the Storybook community of frontend developers

2. ToolJet - 18.2k stars

ToolJet is an open source low-code platform that can save a huge amount of time in building internal tools for your daily or regular chores

Features

• ToolJet has an inbuilt no-code database to save data from your application
• It has integrations with all the prominent databases so that you can connect directly without needing to build APIs
• Can use more than 35+ ready to use components to build the UI of the application

Tech Stack

• JavaScript
• Typescript
• React

Resources

• Follow the ToolJet blog to learn to use it better
• Join the ToolJet slack to post your questions

3. Supabase - 46.5k stars

Supbase is an open-source database service; you can use Supabase as an alternative to Firebase

Features

• Every Supabase project comes with a complete Postgres database
• Offer multiple GUI features to view Tables, clone, and run quereis in the editor

Tech Stack

• JavaScript
• Typescript
• PLSQL

Resources:

• Follow the Supabase docs to learn to use it better
• Join the Supabase discord to post your questions

4. Gatsby - 54.2k stars

Gatsby is an open-source framework based on react that helps developers build websites and apps. It combines the control and scalability of dynamically rendered sites with the speed of static-site generation.

Features

• Helps to load data from anywhere, like Markdown files, Headless CMS, REST or GraphQL API etc.,
• Gatsby sites do not require servers to host; you can host your entire site on a CDN
• With Valhalla Content Hub, you can bring Gatsby’s data layer to any project.

Find more from the Gatsby features

Tech Stack

• JavaScript
• Typescript

Resources

• Follow their guides in Readme to get started.
• Explore Gatsby’s webinars

5. Cypress - 42.8k stars

Cyperss can help you can easily create tests for web applications, debug them visually, and automatically run them in your continuous integration builds.

Features

• Ability to debug the failures directly in the browser
• Enables integration with prominent CI providers
• Flakey test management helps to discover and diagnose unreliable tests

Find more about the features in Cypress docs

Tech Stack

• JavaScript
• Typescript

Resources

• Learn to start using Cypress from their detailed docs
• Find more about Cypress from their blog

6. D3js - 105k stars

D3.js is a JavaScript library for manipulating documents based on data; it helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

Features

• Supports larger datasets
• Code reusability
• Ability to manipulate the Document Object Model (DOM)

Tech Stack

• JavaScript

Resources

• Find all the resources to use D3js from the README

7. Anime - 44.6k stars

Anime.js is a lightweight JavaScript animation library with a simple yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects.

Features

• Intuitive and compelling documentation
• Lightweight and supported by the prominent browsers
• Can manipulate modern CSS and can implement animations being arbitrary from JavaScript values.

Tech Stack

• JavaScript

Resources

• Follow the Animejs documentation to get started
• Follow the Animejs Codepen examples

8. AdonisJs - 13.6k stars

AdonisJs is a full-stack Web framework with a focus on ergonomics and speed. It takes care of much of the Web development hassles, offering you a clean and stable API to build Web apps and microservices.

Features

• AdonisJs has first-class support for databases like MariaDB and MySQL
• The dedicated validation provider helps to validate user input easily.
• Comes with tools to protect websites against common web attacks.

Tech Stack

• Typescript

Resources

• Learn to use Adonis form their documentation
• Join the AdnoisJS discord server

9. TheatreJs - 8.8k stars

Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movements and convey nuance.

Features

• Theatre.js can be used both programmatically and visually.
• Can animate 3D objects made with ThreeJs or other 3D libraries
• Ability to design micro-interactions

Tech Stack

• Typescript
• HTML

Resources

• Learn to use TheatreJS form their documentation
• Join the AdnoisJS discord server

10. LeafletJs - 37k stars

Leaflet is an open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of gzipped JS plus 4 KB of gzipped CSS code, it has all the mapping features most developers ever need.

Features

• Designed with simplicity, performance and usability as core.
• Works efficiently across all major desktop and mobile platforms
• Leaflet plugins database helps to extend the functionality to use third-party plugins

Tech Stack

• JavaScript
• HTML

Resources

• Learn to use LeafletJs form their tutorials and documentation

Hope this finds you helpful. Thank you!