20 Nice repos/tools/posts - 1st April - #1
Tags: productivity, webdev, beginners, javascript
Published: 2021-04-01 11:37:36

## Trending

### Awesome GitHub Profile README

![Image](https://github.com/abhisheknaiidu/awesome-github-profile-readme/raw/master/assets/agpr.gif)

A curated list of awesome Github Profile READMEs

Link : [https://github.com/abhisheknaiidu/awesome-github-profile-readme](https://github.com/abhisheknaiidu/awesome-github-profile-readme)

### Clone Wars

![Image](https://gourav.io/_next/static/media/pages/clone-wars/img/og.png)

100+ open-source clones or alternatives of popular sites like Airbnb, Amazon, Instagram, Netflix, Tiktok, Spotify, Trello, Whatsapp, Youtube, etc. List contains source code, demo links, tech stack, and, GitHub stars count. Great for learning purpose!

Link : [https://gourav.io/clone-wars](https://gourav.io/clone-wars)

## Algo

### Visualgo

![Image](https://rushis.com/wp-content/uploads/2014/08/VisuAlgo.png)

Visualising data structures and algorithms through animation

Link : [https://visualgo.net/en](https://visualgo.net/en)

## Collaborative Tools

### Excalidraw

![Image](https://digital-learning-academy.com/wp-content/uploads/2020/02/excalidraw-partage-768x365-1.png)

Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them

Link : [https://excalidraw.com/](https://excalidraw.com/)

## CSS

### Neumorphism.io

![Image](https://neumorphism.io/ogImage.png)

Generate Soft-UI CSS code with neumorphism styles.

Link : [https://neumorphism.io/#e0e0e0](https://neumorphism.io/#e0e0e0)

### Glassmorphism

![Image](https://ph-files.imgix.net/9b44fb10-8497-4838-ba05-007ccff6f7a7.png?auto=format&auto=compress&codec=mozjpeg&cs=strip)

Glassmorphism is a unified name for the popular Frosted Glass aesthetic. It has many names depending on the company using it, so we wanted to create a common ground for designers and developers to find related resources easier and faster.

Link : [https://glassmorphism.com/](https://glassmorphism.com/)

### CSS Grid Generator

![Image](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/og-cssgrid.jpg)

Layoutit grid is a CSS Grid layout generator. Quickly design web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.

Link : [https://cssgrid-generator.netlify.app/](https://cssgrid-generator.netlify.app/)

## Design

### Awesome-Design-Tools

![Image](https://github.com/LisaDziuba/Awesome-Design-Tools/raw/master/Media/awesome-design-tools-joins-abstract-cover.png)

Link : [https://github.com/goabstract/Awesome-Design-Tools](https://github.com/goabstract/Awesome-Design-Tools)

### Undesign

![Image](https://myweb-concept.fr/wp-content/uploads/2019/12/undesign.jpg)

Collection of free design tools and resources for makers, developers and designers

Link : [https://undesign.learn.uno/](https://undesign.learn.uno/)

## Docker

### Diun

![Image](https://github.com/crazy-max/diun/raw/master/.res/screenshot.png)

Diun is a CLI application written in Go and delivered as a single executable (and a Docker image) to receive notifications when a Docker image is updated on a Docker registry.

Link : [https://github.com/crazy-max/diun](https://github.com/crazy-max/diun)

## K8S

### Trow

![Image](https://camo.githubusercontent.com/fabe9876306bb443bd7abef1e8521d1bb97ad152f46fba15609081811192a088/68747470733a2f2f61736369696e656d612e6f72672f612f3438484b3838795234724a7730517548743256646b75565a6e2e737667)

Image Management for Kubernetes

Link : [https://github.com/ContainerSolutions/trow](https://github.com/ContainerSolutions/trow)

## MacOS

### Docker-OSX

![Image](https://github.com/sickcodes/Docker-OSX/raw/master/running-mac-inside-docker-qemu.png?raw=true)

Run Mac OS X in Docker with near-native performance! X11 Forwarding! iMessage security research!

Link : [https://github.com/sickcodes/Docker-OSX](https://github.com/sickcodes/Docker-OSX)

### OSX Serial Generator

![Image](https://github.com/sickcodes/osx-serial-generator/raw/master/running-mac-inside-docker-qemu.png?raw=true)

Generate macOS valid serials, uuids, and board serials for good-faith security research.s

Link : [https://github.com/sickcodes/osx-serial-generator](https://github.com/sickcodes/osx-serial-generator)

## React

### React Static

![Image](https://miro.medium.com/max/5106/1*W5p6IVbRIarxENsIKfvniQ.png)

A progressive static-site generator for React.

React-Static is a fast, lightweight, and powerful progressive static site generator based on React and its ecosystem. It resembles the simplicity and developer experience you're used to in tools like Create React App and has been carefully designed for performance, flexibility, and user/developer experience.

Link : [https://github.com/react-static/react-static](https://github.com/react-static/react-static)

### Nextra

![Image](https://github.com/shuding/nextra/raw/master/public/demo.png)

Nextra is a Next.js and MDX powered, no-code site generator.

Link : [https://github.com/shuding/nextra](https://github.com/shuding/nextra)

## Other Concepts

### Refactoring Guru

![Image](https://miro.medium.com/max/5600/1*rSicPoWDzUu92JCsgVsVSQ.png)

Refactoring.Guru makes it easy for you to discover everything you need to know about refactoring, design patterns, SOLID principles, and other smart programming topics.

Link : [https://refactoring.guru/](https://refactoring.guru/)

## Other Tools

### Buildbase

![Image](https://d33wubrfki0l68.cloudfront.net/b720c97d920781c8dc6f930377faa1203041299e/27562/img/img/hero-img-ui.webp)

Build internal tools on your own infrastructure in minutes

Link : [https://www.budibase.com/](https://www.budibase.com/)

### CodeTour - VS Code extension

![Image](https://user-images.githubusercontent.com/116461/76165260-c6c00500-6112-11ea-9cda-0a6cb9b72e8f.gif)

CodeTour is a Visual Studio Code extension, which allows you to record and playback guided walkthroughs of your codebases. It's like a table of contents, that can make it easier to onboard (or re-board!) to a new project/feature area, visualize bug reports, or understand the context of a code review/PR change

Link : [https://github.com/microsoft/codetour](https://github.com/microsoft/codetour)

### Fusuma

![Image](https://github.com/hiroppy/fusuma/blob/master/site/docs/assets/themes/webpack.png?raw=true)

A tool to create slides easily for you ✍ ️

Link : [https://github.com/hiroppy/fusuma](https://github.com/hiroppy/fusuma)

### Responsively

![Image](https://camo.githubusercontent.com/9c692245c2ec3c3d5b4485c2cd4d266b01e6a3849620ea1363b7a61fced78e12/68747470733a2f2f726573706f6e736976656c792e6170702f6173736574732f696d672f726573706f6e736976656c792d6170702e676966)

A must-have devtool for web developers for quicker responsive web development. 🚀

Link : [https://responsively.app/](https://responsively.app/)