DEV Community

Cover image for 🏞️5 beautiful open-source web apps to learn from and get inspired πŸ™‡β€β™€οΈπŸ’‘

🏞️5 beautiful open-source web apps to learn from and get inspired πŸ™‡β€β™€οΈπŸ’‘

Matija Sosic on January 17, 2024

As the title says, in this post, we'll cover open-source web apps you can learn from and use as a starting point for your next project. Stick aroun...
Collapse
 
kumaranvpl profile image
Kumaran Rajendhiran

Good Article. Nice mix of humour and actual content.
I have one general suggestion for habit tracking.
Even though habitica is fun, I had more success with "Loop habit tracker" to create habits. This one is also open source - github.com/iSoron/uhabits.
As far as I am aware, it has only mobile app though.

Collapse
 
matijasos profile image
Matija Sosic

Thanks, glad you liked the memes, I always have fun with it :D Awesome suggestion btw, I wasn't aware of uhabits, but I see it has over 7k gh stars! I'm always on the lookout for new apps in this space, I'll definitely give it a lookl

Collapse
 
kumaranvpl profile image
Kumaran Rajendhiran

The repo says "uhabits" but the android app store listing says "Loop". I am not sure why there is this discrepancy in naming.
When I wanted to track my habits few years back I took a look at habitica too. But for me it felt to much. I didn't need the gamifications stuff. All I needed was just a chart to check my progress. This Loop app fullfilled my need at that time.
For me loop app worked, but it may not for everyone. So, try both apps and stick with the one which works for you.

Thread Thread
 
matijasos profile image
Matija Sosic

I will, thanks so much for the recommendation!

Collapse
 
karadza profile image
Juraj

Love the t-shirt size analogy!
I am creating an open-source app called Cyclops, so it is obviously my favorite πŸ˜„
But from a less biased point of view - mad respect for Blender

Collapse
 
matijasos profile image
Matija Sosic

Oh yeah, Blender is an amazing piece of engineering!

Collapse
 
martinsos profile image
Martin Šoőić

tldraw github.com/tldraw/tldraw !
I never looked at the code I have to admit, but I think it is very cool an open source app like this exists, and I love using it.

Collapse
 
martinovicdev profile image
Boris Martinovic

Excalidraw github.com/excalidraw/excalidraw
is really cool as well!

Collapse
 
martinsos profile image
Martin Šoőić

Oh I wasn't aware it is open source also! In that case absolutely agree!

Thread Thread
 
yassne profile image
yasu uo

dsaf

Collapse
 
matijasos profile image
Matija Sosic • Edited

I agree, I see tldraw is super popular actually. Not a typical saas, but they do a plenty of cool stuff with canvas which cannot be seen in many other projects probably.

Collapse
 
nishchit14 profile image
Nishchit

Great article @matijasos, I am happy to see some of my favourite OSS repos. I am a big fan of supabase. It's studio is just awesome. Papermark and Crowd.dev are also great choices.

I am also building open source API development platform, I hope you'll like it too. github.com/firecamp-dev/firecamp

We just started the open source journey, I appreciate all feedbacks and criticism for Firecamp. TIA.

Collapse
 
matijasos profile image
Matija Sosic • Edited

Thanks Nischit, and thanks for sharing Firecamp! I guess postman was your role model for it? Are there any core differences?

Collapse
 
vincanger profile image
vincanger

Thanks for featuring CoverLetterGPT! If anyone has any questions, I’d be happy to answer them :)

Collapse
 
matijasos profile image
Matija Sosic

Thanks for making it! CoverLetterGPT is really cool as a learning resource but also fun to use :)

Collapse
 
kieranmv95 profile image
Kieran Venison

Good read, thanks! Some great tools in here. And I used to use habitica all the time, great app πŸ‘Œ

Collapse
 
matijasos profile image
Matija Sosic

Thanks for sharing, Kieran! Habitica looks very cool but I haven't tried it "for real" yet. What made you stop using it?

Collapse
 
kieranmv95 profile image
Kieran Venison

I think it was to do with another service offering geolocation habit reminders so when I got in the vicinity of my home between certain hours it would remind me to do something. Habitica didn’t have that at the time so I jumped ship

Collapse
 
tqbit profile image
tq-bit

The cover letter app reminds me of Reactive Resume. It's an open source cv-builder which is extremely elegant IMO.

rxresu.me/

Collapse
 
maksim36ua profile image
Max

Rooting for Crowd.dev folks! Had the honor to try it out early, it's fascinating to see how far they've come in the last couple of years :)

Collapse
 
noobmaster69jr profile image
noobmaster69jr

Hey buddy, how do you find early-open source projects to contribute

Collapse
 
ujjwalkarn954 profile image
Ujjwal Kumar Karn • Edited

Great Read!! Also have something for DevOps absolute beginner : DevOps newbies

Collapse
 
srbhr profile image
Saurabh Rai

Oh Wow! I really liked Cover Letter GPT thanks for introducing that @matijasos

Collapse
 
ricardogesteves profile image
Ricardo Esteves

Awesome, really good and well structured article!
I would add appwrite.

Collapse
 
yogini16 profile image
yogini16

Great Article!!
Thank you for your efforts :)

Collapse
 
marisogo profile image
Marine

Habitica looks really fun!

Collapse
 
benajaero profile image
ben ajaero

Supabase and Appflowy are pretty well engineered.

Collapse
 
fernandezbaptiste profile image
Bap

Really love this piece! A lot of effort put in there - thanks a ton!

Collapse
 
seunakintola7 profile image
'Seun Akintola

Thank you for the great post.

Collapse
 
mfts profile image
Marc Seitz

Thanks for the shout out to Papermark, Matija! So many great other tools in there πŸ”₯

Collapse
 
petarcvit profile image
Petar Cvitanović

Thanks for the list! crowd.dev looks promising

Collapse
 
jacksbridger profile image
Jack Bridger

Thanks for writing this!

Collapse
 
infomiho profile image
Mihovil Ilakovac

Hmmm interesting bonus, Rust + Flutter how did they pull that off?

I see they mention Tauri, are they using Flutter with Tauri πŸ€”

Collapse
 
matijasos profile image
Matija Sosic

Yeah, I cant even :D

Collapse
 
hajdi profile image
Hajdi Cenan

Ohhh, nice! Thanks for this list, I especially appreciate the mention of Papermark, as I was just yesterday wondering what good alternatives exist for DocSend… you must’ve read my mind! 😁

Collapse
 
matijasos profile image
Matija Sosic

Thanks a lot Hajdi, glad you found it helpful :)

Collapse
 
nevodavid profile image
Nevo David

Papermark and Crowd are my favorites!

Collapse
 
matijasos profile image
Matija Sosic

I agree, awesome projects!

Collapse
 
isurumax26 profile image
Isurumax26

great article. Thanks for writing this. Have you come a cross any java related project?

Collapse
 
wingly553 profile image
Anna

great piece, thanks for sharing!

Collapse
 
matijasos profile image
Matija Sosic

Appreciate it Anna, glad you enjoyed it!

Collapse
 
awaisalwaisy profile image
Alwaisy al-waisy

Thanks. Just an example in PaperMark.io repo. Sidebar component. 400 plus lines.what the duck... What can I be inspired? But it is a big project. I have not developed big projects like these. I don't know it is wrong or right. What are the best practices?

Collapse
 
ayudascolombia profile image
Yo Emprendo Ayudas Colombia

Here are five open-source web apps and frameworks that can provide inspiration and learning opportunities for developers:

Swirl: This is an open-source search platform that allows simultaneous searching across multiple platforms and databases. It leverages AI and Large Language Models to create summaries and provide insightful outputs​​.

HTMX and Hyperscript: These tools extend HTML, making it easier to write modern web applications. HTMX reduces the need for JavaScript boilerplate for connecting web frontends to backends, while Hyperscript introduces a HyperCard-like syntax for simplifying JavaScript tasks​​.

Openauth: A simple, secure, and aesthetically pleasing authenticator app that supports multiple protocols and services. It is free and open-source, written in Flutter and Dart​​.

React: This is a widely used framework for building interactive user interfaces, especially suited for complex, data-driven web applications with dynamic, reusable UI components. It utilizes a JavaScript library along with JSX, an XML-like syntax extension​​.

Vue.js: Known for striking a balance between being beginner-friendly and feature-rich for professionals. It's easy to integrate into existing projects and is growing rapidly in community and ecosystem​​.

These examples showcase a range of applications and frameworks that can be utilized for various development needs, from search platforms and authentication apps to full-fledged web frameworks. They demonstrate the versatility and capability of open-source software in addressing a wide array of programming challenges.

Collapse
 
anuragdeore profile image
Anurag D

Love the balance of humour and information in the article. Very nicely written****

Collapse
 
audi_guzz profile image
AUDI

thanks

Some comments have been hidden by the post's author - find out more