✨23 Open-Source libraries to launch your portfolio (to the moon)🚀🚀
Tags: webdev, programming, opensource, productivity
Published: 2023-12-09 13:47:52

Contributing to a great open-source library is a great way to establish a portfolio. 

I've compiled 23 great open-source libraries and some good first issues to get started with.

DON'T FORGET TO STAR & SUPPORT THESE🌟



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fi3dd111pv2948ya21w2.gif)
 
---
#AI in product🦾:
### 1. [CopilotKit](https://github.com/CopilotKit/CopilotKit) - In-app AI chatbots and AI Textareas


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ox3mv8nmqzot6m4kvkdh.png)

Open-source platform for integrating key AI features into react apps using two react components. 

CopilotPortal: in-app AI chatbots that can "see" the current app state and take actions. 
CopilotTextarea: AI-powered <textarea /'> replacement. With autocomplete, insertions and generations. 


###[Good First Issue:](https://github.com/CopilotKit/CopilotKit/issues/62)
```
Support bold and italicized text in CopilotTextarea 

Proposal:

Add support for bold and italicized text in CopilotTextarea
CopilotTextarea uses slate-js under the hood. Lots of examples for adding bold/italicized support
Initially only add programatic support. UI support will be added separately in [TODO add issue]

Implementation tips:

changes will be made to render-element.tsx and base-copilot-textarea.tsx
custom-editor.tsx structures may also require changes

```

{% cta https://github.com/CopilotKit/CopilotKit %} Star CopilotKit ⭐️ {% endcta %}

---

###2.[Tavily GPT Researcher](https://github.com/assafelovic/gpt-researcher){% embed https://github.com/assafelovic/gpt-researcher no-readme %} 

###3.[Pezzo.ai](https://github.com/pezzolabs/pezzo){% embed https://github.com/pezzolabs/pezzo no-readme %} 


###4.[Weaviate](https://github.com/weaviate/weaviate){% embed https://github.com/weaviate/weaviate no-readme %} 


###5.[LangChain](https://github.com/langchain-ai/langchain){% embed https://github.com/langchain-ai/langchain no-readme %}

---
&nbsp;
#🛜Web Dev: 

### 6. [Wasp](https://github.com/wasp-lang/wasp) - Develop full-stack web apps with React & Node.js


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/54jp6j6r8ils6we97i0f.png)

Rapid Full-Stack Web App Development with React & Node.js.

Wasp offers a simplified approach to building modern web applications, combining React for front-end and Node.js for back-end in a cohesive framework. 

###[Good First Issue:](https://github.com/wasp-lang/wasp/issues/874)

```
Add images (or link to the example app) of auth UI helpers Wasp provides

At this point in docs (also in the tutorial if we're using it), it would be nice to add an image of UI helpers for Auth (login/signup form, Google/GitHub button, ...) so developers can immediately see what they are getting and how nice it looks.
```

{% cta https://github.com/wasp-lang/wasp %} Star Wasp ⭐️ {% endcta %}

---
###7.[ClickVote](https://github.com/clickvote/clickvote)
{% embed https://github.com/clickvote/clickvote no-readme %}

###8.[ReactFlow](https://github.com/xyflow/xyflow)
{% embed https://github.com/xyflow/xyflow no-readme %}

###9.[Trigger.dev](https://github.com/triggerdotdev/trigger.dev)
{% embed https://github.com/triggerdotdev/trigger.dev no-readme %} 

###10.[Novu](https://github.com/novuhq/novu)
{% embed https://github.com/novuhq/novu no-readme %}

---
&nbsp;
#🧑‍💻DevOps: 
### 11. [Logstash](https://github.com/elastic/logstash) - transport and process logs & events, by elastic. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0nhya28nmwby9lurtrta.png)


Easily Add Upvotes, Likes and Reviews into Your Web-App.

Simple react code for adding these components. 

### [Good First Issue](https://github.com/elastic/logstash/issues/15561)
```
Allow comments in pipeline config between hash entries

Currently it seems not allowed to make comments between hash entries, this is a feature request to allow it.

```
{% cta https://github.com/elastic/logstash %} Star Logstash ⭐️ {% endcta %}

---

###12.[Odigos](https://github.com/keyval-dev/odigos)
{% embed https://github.com/keyval-dev/odigos no-readme %}

###13.[Glasskube](https://github.com/glasskube/operator)
{% embed https://github.com/glasskube/operator no-readme %}

###14.[Mirrord](https://github.com/metalbear-co/mirrord){% embed https://github.com/metalbear-co/mirrord no-readme %}

###15.[Digger](https://github.com/diggerhq/digger)
{% embed https://github.com/diggerhq/digger no-readme %}

---
&nbsp;
#💽 Databases: 

### 16. [Supabase](https://github.com/supabase/supabase) - Open Source Firebase Alternative


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j4xnzrefrjaaywu4b49p.png)

Build modern, data-driven applications with hosted Postgres, authentication, and real-time features

###[Good first issue:](https://github.com/supabase/supabase/issues/19396)
```
Horizontal Scroll for CodeBlocks

Currently when reading the dcs, it's not possible to view all of the code for alot of the samples.

Is this the Component rendered across all of the web properties, if so I'll be happy to throw on a horizontal scroll bar that matches supabase branding.
```

{% cta https://github.com/supabase/supabase %} Star Supabase ⭐️ {% endcta %}

---

###17.[Appwrite](https://github.com/appwrite/appwrite){% embed https://github.com/appwrite/appwrite no-readme %}

###18.[Superduperdb] (https://github.com/SuperDuperDB/superduperdb){% embed https://github.com/SuperDuperDB/superduperdb no-readme %}

###19.[Milvus](https://github.com/milvus-io/milvus)
{% embed https://github.com/milvus-io/milvus no-readme %}

---
&nbsp;
#👾 Other: 

### 21. [Snapify](https://github.com/MarconLP/snapify) - Open-Source Screen Recording

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/89h8mjriix6hdihcrfr8.png)

Screen recording, but free, open source and you are in charge of your own data. 

###[Good First Issue:](https://github.com/MarconLP/snapify/issues/18)

```
Ability to create GIFs and take screenshots to also store in S3
```

{% cta https://github.com/MarconLP/snapify %} Star Snapify ⭐️ {% endcta %}

---

###22.[ReactAgent](https://github.com/eylonmiz/react-agent){% embed https://github.com/eylonmiz/react-agent no-readme %}

###23.[Awesome for Beginers](https://github.com/MunGell/awesome-for-beginners){% embed https://github.com/MunGell/awesome-for-beginners no-readme %}

---
#That's it folks! 

## Don't forget to like, comment and bookmark 🫡