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
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
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!
Top comments (0)