🤯 Ultra List: One List to Rule Them All. June, '19
Tags: productivity, webdev, freebies, showdev
Published: 2019-07-03 14:50:56


---
title: 🤯 Ultra List: One List to Rule Them All. June, '19
published: true
description: This is a new series my team and I started in March '19 on DEV.to in which we showcase, at the end of every month, a huge list of dev resources that we find on the web.
cover_image: https://thepracticaldev.s3.amazonaws.com/i/blmwwqos7q3e5rqko44v.png
tags: productivity, webdev, freebies, showdev
series: Ultra List 
---

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!

![](https://media.giphy.com/media/2zotX4Dgt4ZvPqhEoF/giphy.gif)

### 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](https://www.dafont.com/sallim-signature.font)

![](https://thepracticaldev.s3.amazonaws.com/i/h22putlgthp1af1qapb8.png)

**2. National Park** by  The Design Outside 👉🏼 [Link](https://nationalparktypeface.com)

![](https://thepracticaldev.s3.amazonaws.com/i/ihqpk03emrxu1rwnj7a2.png)

**3. Decaf Please Font** by  Reg Silva Art Shop 👉🏼 [Link](https://creativemarket.com/wedgienet/3829570-Decaf-Please-Font)

![](https://thepracticaldev.s3.amazonaws.com/i/jblyjga5ieh2i6wdw1m3.png)

**4. Basier Mono** by  Atipo Foundry 👉🏼 [Link](http://atipofoundry.com/fonts/basier-mono)


![](https://thepracticaldev.s3.amazonaws.com/i/nq36e72os8d5yv103o19.png)


-----------

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

**1. Nerd Free Flat Icons** by Freepik 👉🏼 [Link](https://pixelbuddha.net/freebie/nerd-free-flat-icons)

![](https://thepracticaldev.s3.amazonaws.com/i/qjvp99r6kt0ul4hc33we.png)

**2. Iconclub – Free Icon App** 👉🏼 [Link](https://shapedfonts.com/iconclub/)

![](https://thepracticaldev.s3.amazonaws.com/i/1azxbvmsuhacuwu8ffso.png)

-----------

#### *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](https://cssgrid-generator.netlify.com)

![](https://thepracticaldev.s3.amazonaws.com/i/aw5z10xnler63lmk242k.png)

**2. Lorem Picsum** The Lorem Ipsum for photos. 👉🏼 [Link](https://picsum.photos/)

![](https://thepracticaldev.s3.amazonaws.com/i/5gv3fu6f1aupx2vkusy5.png)

**3. Pika** The Pika CDN was built to serve the 60,000+ npm packages written in ES Module (ESM) syntax. 👉🏼 [Link](https://www.pika.dev/cdn)

![](https://thepracticaldev.s3.amazonaws.com/i/vbu6x6uh9jkmyfqakim7.png)

**4. 404 Illustrations** Trendy, ready to use images for your 404 page 👉🏼 [Link](https://www.kapwing.com/404-illustrations)

![](https://thepracticaldev.s3.amazonaws.com/i/f0cct6ornj5u5sjvxcsf.png)

**5. Screenzy** Beautify your screenshot 👉🏼 [Link](https://screenzy.io)

![](https://thepracticaldev.s3.amazonaws.com/i/lxoyiu567d14fyv5hv18.png)

------------
#### *Misc.*

**1. Unruly Landing Page Illustrations** By Pixel Buddha 👉🏼 [Link](https://pixelbuddha.net/freebie/unruly-landing-page-illustrations/)

![](https://thepracticaldev.s3.amazonaws.com/i/xmw23ar3xns0ntz6a3pk.png)

**2. 404 Error Page Collection** By Awwwards 👉🏼 [Link](https://www.awwwards.com/awwwards/collections/404-error-page/)

![](https://thepracticaldev.s3.amazonaws.com/i/786jxetvnm7idiuytlbh.png)

**3. Free Static HTML Website** By Nataly Birch 👉🏼 [Link](https://designmodo.com/static-website-templates/)

![](https://thepracticaldev.s3.amazonaws.com/i/8h72062k32sl6plj4y00.png)

**4. 28 CSS Select Boxes**  👉🏼 [Link](https://freefrontend.com/css-select-boxes/)

![](https://thepracticaldev.s3.amazonaws.com/i/dpw4xtc8b9xzy7d04oj9.png)

-----------

### 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](https://rubjo.github.io/victor-mono/)

![](https://thepracticaldev.s3.amazonaws.com/i/qzuu4m62pnr319zf3149.png)

**2. Night Wolf** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=juanmnl.vscode-theme-1984)

![](https://thepracticaldev.s3.amazonaws.com/i/9iy0lytufu3kwwz5xm9o.png)

**3. Pop N' Lock Theme by Luxcium ✨** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=Luxcium.pop-n-lock-theme-vscode)

-----------
### Libraries 🗃

**1. Embetty**  Embetty displays remote content like tweets or YouTube videos without compromising your privacy. 👉🏼 [Link](https://github.com/heiseonline/embetty)

![](https://thepracticaldev.s3.amazonaws.com/i/6hbdkffp884kb9v0auv5.png)

**2. PapaParse** Fast and powerful CSV (delimited text) parser that gracefully handles large files and malformed input. 👉🏼 [Link](https://github.com/mholt/PapaParse)

![](https://thepracticaldev.s3.amazonaws.com/i/ifitkv6231mrjttt1kqg.png)

**3. Cube.js** 📊 Cube.js - Open Source Analytics Framework 👉🏼 [Link](https://cube.dev)

![](https://thepracticaldev.s3.amazonaws.com/i/ksl0fx3e3f7a3c1k57tg.png)

**4. Spotlight** Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies. 👉🏼 [Link](https://github.com/nextapps-de/spotlight)

![](https://thepracticaldev.s3.amazonaws.com/i/j0cvntdf6gfda2p3imql.png)

**5. Readme md Generator** 📄 CLI that generates beautiful README.md files 👉🏼 [Link](https://github.com/kefranabg/readme-md-generator)

![](https://user-images.githubusercontent.com/9840435/60266022-72a82400-98e7-11e9-9958-f9004c2f97e1.gif)

**6. Darkmode.js** 🌓 Add a dark-mode / night-mode to your website in a few seconds 👉🏼 [Link](https://darkmodejs.learn.uno)

![](https://media.giphy.com/media/W4it0TNyWWjtAxLYth/giphy.gif)

**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](https://github.com/ctrl-freaks/freezeframe.js/)

![](https://media.giphy.com/media/SXIkJXMSGKcDmG1N5N/giphy.gif)

-----------
### Guides/Cheatsheets 📓
Because everything doesn't have to be so hard, does it?

**1. Digging Into The Display Property**  👉🏼 [Link](https://dassur.ma/things/when-workers/)

![](https://thepracticaldev.s3.amazonaws.com/i/ialjyoblykh375zdo5uk.png)

**2. Your first performance budget with Lighthouse**  👉🏼 [Link](https://bitsofco.de/your-first-performance-budget-with-lighthouse/)

![](https://thepracticaldev.s3.amazonaws.com/i/it2ec120817o4z277pgo.png)
### 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.

[![](https://thepracticaldev.s3.amazonaws.com/i/96ivwe3xahdqrk13x070.jpg)](https://open.spotify.com/user/spotify/playlist/37i9dQZF1DWT6anPZiHuxz?si=K6Wj99jnTuG-Pys9zh7NLw)

### 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.

![](https://thepracticaldev.s3.amazonaws.com/i/t67zj25071u44uh8ljze.gif)
<figcaption>Check out Utkarsh's ProGram profile. Pretty cool, isn't it?</figcaption>

I wrote more about it in another post.

{% link https://dev.to/teamxenox/introducing-program-an-open-source-self-hosted-instagram-2fij %}

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

[![](https://thepracticaldev.s3.amazonaws.com/i/p623lz0db6a7lik7eegi.PNG)](https://www.producthunt.com/posts/program)


**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 sarthology/XenoXMultiverse %}

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](https://twitter.com/sarthology) on Twitter. Or if you have any suggestions, feel free to comment below.

Adios!

![](https://media.giphy.com/media/3o7btQsLqXMJAPu6Na/giphy.gif)