10 repositories to star if you are a Javascript developer
Tags: opensource, javascript, typescript
Published: 2023-03-08 10:59:15

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](https://github.com/storybookjs/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](https://storybook.js.org/docs/react/get-started/introduction) to get started.
* Join the Storybook [community](https://storybook.js.org/community/) of frontend developers


## 2. [ToolJet](github.com/tooljet/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](blog.tooljet.com) to learn to use it better
* Join the ToolJet [slack](https://tooljet.com/slack) to post your questions


## 3. [Supabase](https://github.com/supabase/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](https://supabase.com/docs) to learn to use it better
* Join the [Supabase discord](https://discord.com/invite/R7bSpeBSJE) to post your questions


## 4. [Gatsby](https://github.com/gatsbyjs/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](https://www.gatsbyjs.com/features) 


### Tech Stack



* JavaScript
* Typescript


### Resources



* Follow their [guides](https://github.com/gatsbyjs/gatsby#--quickstart------tutorial------plugins------starters------showcase------contribute----support-twitter-discussions------discord) in Readme to get started.
* Explore Gatsby’s [webinars](https://www.gatsbyjs.com/resources/webinars/)


## 5. [Cypress](https://github.com/cypress-io/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](https://docs.cypress.io/guides/overview/why-cypress#Features)


### Tech Stack



* JavaScript
* Typescript


### Resources



* Learn to start using Cypress from their [detailed docs](https://docs.cypress.io/guides/overview/why-cypress)
* Find more about Cypress from their [blog](https://www.cypress.io/blog)


## 6. [D3js](https://github.com/d3/d3) - 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](https://github.com/d3/d3#resources) to use D3js from the README


## 7. [Anime](https://github.com/juliangarnier/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](https://animejs.com/documentation/) to get started
* Follow the Animejs Codepen [examples](https://codepen.io/collection/XLebem)


## 8. [AdonisJs](https://github.com/adonisjs/core) - 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](https://docs.adonisjs.com/)
* Join the AdnoisJS [discord server](https://discord.gg/vDcEjq6)


## 9. [TheatreJs](https://github.com/theatre-js/theatre) - 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](https://www.theatrejs.com/docs/latest)
* Join the AdnoisJS [discord server](https://discord.com/invite/bm9f8F9Y9N)


## 10. [LeafletJs](https://github.com/Leaflet/Leaflet) - 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](https://leafletjs.com/examples.html) and [documentation](https://leafletjs.com/reference.html)

Hope this finds you helpful. Thank you!