🤯 Ultra List: One List to Rule Them All. April, '19
Tags: productivity, webdev, freebies, showdev
Published: 2019-04-30 09:45:04


---
title: 🤯 Ultra List: One List to Rule Them All. April, '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 resources that we find on the web.
tags: productivity, webdev, freebies, showdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/6af59vdefpv437p1io7f.png
canonical_url: https://dev.to/teamxenox/-ultra-list-one-list-to-rule-them-all-march-19-4p4f
series: Ultra List 
---

Woah! It was a hell of a month, from Avengers: End Game to the The Battle of Winterfell in GoT, everything was so mind-blowing. So I thought this month's Ultra List should also be equally mind-blowing. Last [Ultra List](https://dev.to/teamxenox/-ultra-list-one-list-to-rule-them-all-march-19-4p4f) was quite a hit, so we came back with another one. But this time, it will be an even bigger one, which means lots of resources! 😻🙌

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

### Freebies 🎁

Who doesn't love freebies? So here's some free dev stuff to enjoy and share. Don't forget to thank the makers! Trust me, it makes their day.

#### *Fonts*

**1. IGNITE** by James Lafuente 👉🏼 [Link](https://jameslafuente.com/ignite-free-font/?ref=ewebdesign.com)

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

**2. Noah** by font fabric 👉🏼 [Link](https://www.fontfabric.com/fonts/noah/)

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

**3. Explorer** by Kristaps Zelmenis 👉🏼 [Link](https://wildpicks.design/product/explorer-free-script-font/)

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

**4. EN GARDE** by Andros Souza 👉🏼 [Link](https://www.behance.net/gallery/77591279/EN-GARDE-FREE-FONT/)

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

**5. Rosarina** by Mariano Diez 👉🏼 [Link](https://fontjedi.com/downloads/rosarina/)

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

**6. Gangster Grotesk** by Adrien Midzic 👉🏼 [Link](https://www.freshfonts.io/)

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

-----------

#### *Icons*

**1. Remix Icon** 👉🏼 [Link](https://remixicon.com)

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

**2. Asian Adventure** 👉🏼 [Link](https://pixelbuddha.net/freebie/asian-adventure-flat-icons-kit)

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

**3. Virtual Reality Icons** 👉🏼 [Link](https://speckyboy.com/freebie-virtual-reality-icon-pack/)

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

**4. City Life Icons** 👉🏼 [Link](https://pixelbuddha.net/freebie/city-life-icons-collection)

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

-----------

#### *Products*

**1. Mac menu bar** A curated directory of 200+ Mac menu bar apps
 👉🏼 [Link](https://macmenubar.com/)

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

**2. Spider** Turn websites into organized data without coding
 👉🏼 [Link](https://tryspider.com/)

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

**3. MockIt** Quickly create mock APIs.
 👉🏼 [Link](https://mockit.netlify.com)

![](https://mockit.netlify.com/img/mockit-screen1.png)

**4. 🐶 MoDDoC** Easy access to any npm package's documentation 
 👉🏼 [Link](https://github.com/sarthology/moddoc)

![](https://camo.githubusercontent.com/054bc039e9d037b7de77788bdec2eac5dcd230ee/68747470733a2f2f692e696d6775722e636f6d2f455159516570642e706e67)

**5. Lorem Picsum** Lorem Ipsum... but for photos! 
 👉🏼 [Link](https://picsum.photos)

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


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

**1. Notion Template Gallery** 👉🏼 [Link](https://www.notion.so/Notion-Template-Gallery-181e961aeb5c4ee6915307c0dfd5156d)

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

**2. IMGBIN: Free PNG images** 👉🏼 [Link](https://imgbin.com)

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

**3. Solid: Free HTML Templates** 👉🏼 [Link](https://cruip.com/solid/)

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

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

**1. Dropcss** An exceptionally fast, thorough and tiny unused-CSS cleaner 👉🏼 [Link](https://github.com/leeoniya/dropcss/)

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

**2. STEPPER** Animated numeric stepper component 👉🏼 [Link](https://github.com/alikinvv/stepper/)

![](https://github.com/alikinvv/stepper/blob/gh-pages/src/img/gif.gif?raw=true)

**3. CSS Grid: Style Guide** 👉🏼 [Link](https://codepen.io/oliviale/full/mgWjpq)

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

**4. Editor.js** A block-styled editor with clean JSON output 👉🏼 [Link](https://github.com/codex-team/editor.js)

![](https://github.com/editor-js/list/raw/master/assets/example.gif)

-----------

### VS Code Stuff 👩🏻‍💻
Let go of boring UIs and inject some personality into your code!

**1. 2077 Theme** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=Endormi.2077-theme)

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

**2. Universe Theme** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=MatiasOlivera.universe)

![](https://github.com/MatiasOlivera/universe-theme/blob/master/static/screenshots/universe-blue.png?raw=true)

**3. SynthWave '84** 👉🏼 [Link](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode)

![](https://github.com/robb0wen/synthwave-vscode/raw/master/theme.png)

-----------
### Guides/Cheatsheets 📓

**1. Http-headers Guide** 👉🏼 [Link](https://www.twilio.com/blog/a-http-headers-for-the-responsible-developer)

![](https://thepracticaldev.s3.amazonaws.com/i/89uu065zjakpc8g3ltc1.jpg)

**2. The CSS Handbook** 👉🏼 [Link](https://medium.freecodecamp.org/the-css-handbook-a-handy-guide-to-css-for-developers-b56695917d11)

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

**3. React hooks cheatsheet** 👉🏼 [Link](https://github.com/ohansemmanuel/react-hooks-cheatsheet)

![](https://camo.githubusercontent.com/ed0352f50efd23a49f85ff2355f318c79fc1233f/68747470733a2f2f692e696d6775722e636f6d2f64734f466e65742e676966)

**4. Commit messages guide** 👉🏼 [Link](https://github.com/RomuloOliveira/commit-messages-guide)

![](https://camo.githubusercontent.com/461832542a2262717f4cd9e843e8e523a10b83b2/68747470733a2f2f692e737461636b2e696d6775722e636f6d2f41513554472e706e67)

**5. CORS guide** 👉🏼 [Link](https://auth0.com/blog/cors-tutorial-a-guide-to-cross-origin-resource-sharing/)

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

-----------------

### Health Tips

Here are some chair exercises to do while coding. Thanks me later.

{% youtube Lg8PFfd85ts%}

## Thanks 

Thanks for reading this, guys! Let me know in the comments section how you feel about this new series. If you love it, you know what to do! 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), or if you have any suggestions, feel free to comment below. That's it for now, friends. See you soon. ✌

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