loading...
Cover image for ๐Ÿคฏ Ultra List: One List to Rule Them All. June, '19
Team XenoX

๐Ÿคฏ Ultra List: One List to Rule Them All. June, '19

sarthology profile image Sarthak Sharma ใƒป5 min read

Alright alright alright! A little late to the party this time, I know. But better late than never, eh? ๐Ÿ˜
It has been a hell of a month. So much has happened, and I've discovered so many cool open-source projects. This fills me up with joy because I'm big on keeping the spirit of the free internet alive. In fact, Team XenoX launched another open-source product this month. Check it out in the last section. And wait until you get to the Libraries section, you're gonna love it. It's the biggest one in Ultra List yet!

Without wasting any time, let's get started!

Freebies ๐ŸŽ

Like every month, we start with the freebies first. Enjoy, and don't forget to thank the makers! They put a lot of work into these things, so the least we can do is recognize their effort. ๐Ÿ’–

Fonts

This time I've got you some stylish fonts with a lot of personality. Check them out.

1. Sallim Signature by Wandani Creative ๐Ÿ‘‰๐Ÿผ Link

2. National Park by The Design Outside ๐Ÿ‘‰๐Ÿผ Link

3. Decaf Please Font by Reg Silva Art Shop ๐Ÿ‘‰๐Ÿผ Link

4. Basier Mono by Atipo Foundry ๐Ÿ‘‰๐Ÿผ Link


Icons

Are you an icon hoarder too? Then here are some cool ones for you!

1. Nerd Free Flat Icons by Freepik ๐Ÿ‘‰๐Ÿผ Link

2. Iconclub โ€“ Free Icon App ๐Ÿ‘‰๐Ÿผ Link


Products

Here are some of the best products I've discovered this month. There's something for everyone here.

1. CSS Grid Generator ๐Ÿงฎ Generate basic CSS Grid code to make dynamic layouts! ๐Ÿ‘‰๐Ÿผ Link

2. Lorem Picsum The Lorem Ipsum for photos. ๐Ÿ‘‰๐Ÿผ Link

3. Pika The Pika CDN was built to serve the 60,000+ npm packages written in ES Module (ESM) syntax. ๐Ÿ‘‰๐Ÿผ Link

4. 404 Illustrations Trendy, ready to use images for your 404 page ๐Ÿ‘‰๐Ÿผ Link

5. Screenzy Beautify your screenshot ๐Ÿ‘‰๐Ÿผ Link


Misc.

1. Unruly Landing Page Illustrations By Pixel Buddha ๐Ÿ‘‰๐Ÿผ Link

2. 404 Error Page Collection By Awwwards ๐Ÿ‘‰๐Ÿผ Link

3. Free Static HTML Website By Nataly Birch ๐Ÿ‘‰๐Ÿผ Link

4. 28 CSS Select Boxes ๐Ÿ‘‰๐Ÿผ Link


VS Code Stuff ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป

Time to show you some striking themes for my favorite IDE, VS Code. Add some jazz to your workstation, use a nice theme.

1. Victor Mono Programming Font ๐Ÿ‘‰๐Ÿผ Link

2. Night Wolf ๐Ÿ‘‰๐Ÿผ Link

3. Pop N' Lock Theme by Luxcium โœจ ๐Ÿ‘‰๐Ÿผ Link


Libraries ๐Ÿ—ƒ

1. Embetty Embetty displays remote content like tweets or YouTube videos without compromising your privacy. ๐Ÿ‘‰๐Ÿผ Link

2. PapaParse Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input. ๐Ÿ‘‰๐Ÿผ Link

3. Cube.js ๐Ÿ“Š Cube.js - Open Source Analytics Framework ๐Ÿ‘‰๐Ÿผ Link

4. Spotlight Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies. ๐Ÿ‘‰๐Ÿผ Link

5. Readme md Generator ๐Ÿ“„ CLI that generates beautiful README.md files ๐Ÿ‘‰๐Ÿผ Link

6. Darkmode.js ๐ŸŒ“ Add a dark-mode / night-mode to your website in a few seconds ๐Ÿ‘‰๐Ÿผ Link

7. Freezeframe.js freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions. ๐Ÿ‘‰๐Ÿผ Link


Guides/Cheatsheets ๐Ÿ““

Because everything doesn't have to be so hard, does it?

1. Digging Into The Display Property ๐Ÿ‘‰๐Ÿผ Link

2. Your first performance budget with Lighthouse ๐Ÿ‘‰๐Ÿผ Link

Music to Rock Out to ๐ŸŽง

Good music can be a huge mood-lifter. It certainly helps me stay active, so let me share some of it with you. This is my current workout playlist.

From Team XenoX ๐Ÿ”ฅ

1. ProGram - This month, we worked on an open-source, self-hosted gallery for your favorite photos. We wanted Instagram-like aesthetic and filters, but none of the tracking and social media features. So we made ProGram. You can use it to show people a snapshot of your life, and the best part is you can host it anywhere!
If you like it, go fork it and make it your own! Here are some features I have in mind for the future:

  • Variable filter strengths
  • Video editing
  • GIF editing (cuz we all love GIFS!)
  • Stories
  • Basic editing options like brightness, sharpening, saturation, etc.

Check out Utkarsh's ProGram profile. Pretty cool, isn't it?

I wrote more about it in another post.

ProGram also did pretty well on ProductHunt the other day. You can check that out here!

2. XenoX Multiverse - It's time to take things to the next level. Starting today, this here will be the motherload of everything XenoX. All the projects and devs collaborating in XenoX will be listed here. To join us, all you need to do is this:

  • Fork the repo.
  • Add your name to the readme file.
  • Generate a pull request.

GitHub logo teamxenox / XenoXMultiverse

๐Ÿ”ฅ๐Ÿš€ XenoX Assemble !!

XenoX Multiverse

We're making things official with the beginning of XenoX Multiverse. Team XenoX started as my dream, just a small team of devs working on open-source projects for the fun of it. But over the months, it has grown bigger and stronger. So with this, I want to formally announce the Team XenoX open source initiative. This is where the master list of all the projects and all the devs collaborating on XenoX will live.

If you want to be an Open Source Hero too, just write your name and you're in and start contributing!

How to join the Team? ๐Ÿ’ช๐Ÿผ

  1. Fork the repo.
  2. Add your name to this file.
  3. Submit a pull request.

That's it. You're all set. Someone from the team will contact you and formally welcome you to the team. Cheers!

The Team

If you like our work, join our team and change the world with us, bit by bit every day. Let's unleash the power of open-source development. ๐Ÿ’ช Team XenoX always has open doors for developers who want to do good, be it beginners or veterans. If you have some awesome open-source project ideas of your own that you'd like to collaborate on, just add your name to the list. ๐Ÿ‘†

Thanks

Okay, that's it for this time, guys. Hope you enjoyed this. See you in the next post! If you loved this post, share it with your friends and family who could benefit from this. If you want to include something of your own in the next post, DM me at @sarthology on Twitter. Or if you have any suggestions, feel free to comment below.

Adios!

Posted on by:

sarthology profile

Sarthak Sharma

@sarthology

JavaScript Nerd๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป| Philosopher๐Ÿง˜๐Ÿปโ€โ™‚๏ธ | Life Hacker๐Ÿ”ง | Health enthusiast๐Ÿ‹๐Ÿปโ€โ™‚๏ธ

Team XenoX

Come change the world with us. We aspire to be the biggest open-source initiative on the planet. Sponsored by Skynox Tech.

Discussion

pic
Editor guide
 

Pop N' Lock Theme by Luxcium โœจ

I have updated my color theme if you want you can add screen shoots ...

Pop N' Lock Theme by Luxcium โœจ(v3.18.0)

FUNCTION RETURN TYPE

Return type of functions higlighting(v3.18) Colorfull function return type highlight

VARIABLE HIGHLIGHT

red on writing side / blue on the reading side

Variable highlight(v3.18) Usefull variable highlight

Decorator support

Decorator support(v3.18) Typescript decorator support

Latest TypeScript / Javascript Grammar

TSX/JSX

Promise functions highlight

When using Latest Typescipt Grammar

Promise functions highlight(v3.18) When using Latest Typescipt Grammar Promise dot all and promise resolve and catch highlight

Console highlight

When using Latest Typescipt Grammar

Console highlight(v3.18) When using Latest Typescipt Grammar support console.log / conso.error etc. highlight

 

Such a great article!Thanks for giving bunch of useful infomation,totally loved reading it.

 

Thanks Sanchit ๐Ÿ˜Š

 

Thx for the Spotify playlist.

 

I love it too ๐Ÿ’—

 

It's me or the Github repository has a typo on it's title? It shouldn't be 'multiverse'?

Anyways, great job!

 

Oops thanks ๐Ÿ˜…

 

So many new things to look at, thank you!

 
 

This is awesome! ๐ŸŽ‰

 

๐Ÿ˜Š๐Ÿ˜Š