Random Open-source Projects
Tags: webdev, opensource
Published: 2021-05-18 17:54:37

---
title: Random Open-source Projects
published: true
description: Totally random open-source projects we can use to learn programming or to build new projects on top.
tags: webdev, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t2rwqovwke3p72su2idc.gif 
canonical_url: https://www.ui-themes.com/open-source-projects-loople-editorjs-stackedit/
---
Hello coders,

This article presents a shortlist with a few (really) nice **open-source projects** published on Github by coding gurus and small companies. The sources can be used just for fun, to code other projects on top, or just to analyze the sources and learn programming. 

> *Thanks for reading!* - Content provided by **[App Generator](https://appseed.us/)**.

---

- [Loople](https://www.loopple.com/) - Drag and Drop builder for dashboards
- [Editor.js](https://editorjs.io/) - a nice block styled editor
- [Material Tailwind](https://material-tailwind.com/) - components library for Tailwind CSS
- [Stack Edit](https://stackedit.io/) - In-browser Markdown editor
- [Pixel Lite](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/pages/landing-freelancer.html) - a nice Bootstrap 5 design (MIT License)

---

## Loople

This project provides a drag & drop builder for dashboards where users can add/remove widgets, menus, sidebar using Bootstrap components. Once the page is edited, the code is available for download - the product is still in BETA.

- [Loople](https://www.loopple.com/) - official homepage
- [Loople](https://www.loopple.com/builder) - DYI builder

![Loople - DYI Dashboard Builder.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lyhyldsmdiplvy0w3yem.png)

---

## Editor.Js

Editor.js is a block-styled editor for rich media stories. It outputs clean data in JSON instead of heavy HTML markup. Designed to be API extendable and pluggable - the product has 15k+ stars on Github

- [EditorJS](https://editorjs.io/) - project HOMEpage
- [EditorJS](https://github.com/codex-team/editor.js) - Github repository

![EditorJS - Block Styled Editor.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ye6upo0ec0cyslphqvbs.png)

--- 

## Material Tailwind

Easy to use components library for Tailwind CSS and Material Design. It features multiple React components, all written with Tailwind CSS classes and Material Design guidelines.

- [Material Tailwind](https://material-tailwind.com/) - product homepage
- [Material Tailwind](https://github.com/creativetimofficial/material-tailwind) - Github repository (MIT License)

![Material Tailwind - UI Kit.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8zubo54ct8zjzn4fq9w7.png)

---

## Pixel Lite

A modern Bootstrap 5 design that comes with a few nice pages and UI components. Pixel is a free, fully responsive, modern Bootstrap UI Kit that will help you build creative and professional websites. Use our components and sections, switch some Sass variables to build and arrange pages to best suit your needs.

- [Pixel Lite](https://demo.themesberg.com/pixel-bootstrap-5-ui-kit/html/pages/landing-freelancer.html) - LIVE demo
- [Pixel Lite](https://github.com/themesberg/pixel-bootstrap-ui-kit) - source code published on Github (MIT License) 

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qyxnmfuclyt1dld6wuxw.png)

---

## Stack Edit

Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.

- [Stack Edit](https://stackedit.io/) - product HOMEpage
- [Stack Edit](https://github.com/benweet/stackedit) - source code published on Github - 18k stars

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i7mejfyeoi1jkrzp3y1b.png)

---

> **Thanks for reading!** For more resources please access:

--- 

- [React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j) - a curated list published on Dev.to
- [NextJS Templates](https://dev.to/sm0ke/next-js-templates-a-curated-list-56fo) - free & commercial products
- [Open-source Dashboards](https://appseed.us/admin-dashboards/open-source) - provided by AppSeed