22 Shout-Outs to Open Source and Infinite Creativity

A list of Open Source projects showing the creative potential of Open Source.

Sorry if this is a bit emotional, but I just have to say this now. Even at the risk of boring some of you. This isn’t another Vue vs React vs Angular post — it’s more like the opposite.

Vue.js

Let’s start with some Vue.js projects I found on Github. Here is the original logo:

1. vee-validate

This framework allows you to validate inputs and display errors. How efficiently simple the Vue.js logo was changed here to represent validation ✅!

2. Awesome Vue.js

A very very long list of projects related to Vue.js. And of course, what doesn’t look awesome with sunglasses 😎!

3. BootstrapVue

An implementation of the Bootstrap v4 component and grid system for Vue.js.

4. Vuefire & Vuexfire

A really handy package for those using Firebase/Firestore with Vue.js. I like how the Vue.js logo becomes a stylised torch 🔥!

5. Vue Styleguidist

A Vue.js development environment with a living style guide. Nice tie 👔!

6. vuesion

Build production-ready PWAs with this Vue.js boilerplate. Not much left of the Vue.js logo 🕶!

7. electron-vue

Build electron applications with this Vue.js boilderplate. You don’t always have to modify the Vue.js logo, sometimes using the Vue.js colors is enough ⚛!

8. Vuesax

A component framework based on Vue.js. Color gradients ftw 🎨!

9. VueUse

And some utilities of the Vue Composition API. Need a logo for your Vue.js project? Just change the letter 😅!

React.js

Now let’s see some examples from the React.js community. Here is the original logo:

10. Redux

A popular predictable state container for JavaScript apps that can be used together with React (but also with any other view library).

11. React-Leaflet

Some React components for Leaflet maps. A logo showing React on a leaf 🍃 … or is it a map marker?

12. React SVG morph

A library to morph SVG components one into another. Here an example showing the authors love for React ♥!

13. React Cosmos

A development environment for building scalable, high-quality user interfaces. Not exactly the React logo, but both logos show some kind of cosm 🚀! Don’t they?

14. Reactotron

An app for inspecting React JS and React Native apps. Hello again color gradients 😅!

15. React Styleguidist

As we’ve already seen for Vue.js, here is the React version of the Styleguidist with a completely different logo… 🐙!

Angular.js

At last let’s see what’s out there for Angular. Here is the original logo:

16. NG Bootstrap

Bootstrap 4 Angular widgets. The original logo in layers and with another letter 🛡!

17. Awesome Angular

As we’ve already seen for Vue.js: Here is an awesome version of Angular. Why not simply reusing the original logo 💡!?

18. ngx-materialize

Another Angular wrap around the Materialize library. The Angular logo materialized!

19. NG-ZORRO

A combination of Ant Design and Angular which is also visible in a unified logo 🤝🏻!

20. Angular-Cesium

A project using Cesium and Angular components to create mapping applications. A world map, a name, the Angular logo — that’s all it takes 🗺!

21. Angular Progressbar

A nanoscopic progress bar that tries to convince users that something is happening. Angular logo loading in progress ⏳!

22. ngx-auth-firebaseui

Angular UI component for firebase authentication. Put something inside the famous Angular outline and it will be recognized as Angular project 🔥!

Wrap it up

I hope I was able to show some of the creativity in Open Source and you are now motivated to fork something or create your own. This list could be continued forever. There are countless great OS projects out there.

creator. developer. consultant.