DEV Community

Teja Kummarikuntla
Teja Kummarikuntla

Posted on

10 repositories to star if you are a Javascript developer

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:

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

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

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

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

Hope this finds you helpful. Thank you!

Top comments (0)