Awesome Nice List Treasure — Explore The Web Like A Pro

Niraj Shrestha
37 min readFeb 1, 2022

--

  • Navigate a variety of quality, selected and reliable websites and digital products
  • This is a personal project from that focuses on curated lists

Motivation:

Of the countless amounts of content on the internet, there is a hidden “treasure” of content. This treasure is not easy to find, it takes a right keyword in the search engine to get it. The treasures in question are in the form of quality, selected and reliable websites and digital products. With this treasure, your life will be much easier, you will get a lot of tangible benefits from the internet, from information that is weighty and not half-hearted to free digital products that can help you in doing your daily work. The good news is, you don’t have to spend time looking here and there, because I will give you all the treasures that I managed to collect in this NiceList.

With NiceList being inspired by a very popular curated list project called Awesome, I spend a lot of time doing an in-depth “exploration” of the Internet universe from time to time. Find the hidden treasure, then collect it, then filter and categorize it according to topic. None other than, the main goal is to make it easier for you and me personally to get quality content easily. In essence, NiceList can be used as a navigation that helps and guides you to various quality, selected and reliable websites and digital products. You can use it as a source of information, learning resources and recommendations for useful tools.

Find a Job : Easy Job Search

Useful Websites : Explore the Benefits of the Internet

Top Curation Site

Discover Digital Products

  • Product Hunt 19 — Discover the latest mobile apps, websites, and technology products.
  • Stackshare 9 — Find the right developer tools and the companies that use them.
  • YourStack 2 — YourStack is for sharing your favorite products with the world.
  • SimiliarWeb 6 — SimilarWeb is a website which provides web analytics services for businesses.
  • Slant 5 — Product recommendation community to find the best product, app or game for you.
  • Capterra 3 — Search, compare, and choose the right software with confidence.
  • G2 4 — Choose the right software and services based on 1,061,900+ authentic.

Knowledge Resources

  • Wikipedia 2 — Encyclopedia. The largest and most popular general reference work on the World Wide Web.
  • Wikihow 4 — The world’s most helpful how-to instructions to enable everyone to learn how to do anything.
  • Fandom 7 — The entertainment site where fans come first. Source for all things TV, movies, and games, etc.
  • MakeUseOf 7 — Learn how to make use of tech around you and discover cool stuff on the Internet.
  • Vice 1 — The definitive guide to enlightening information from every corner of the planet.
  • Snopes 3 — The definitive fact-checking site and reference source for misinformation.
  • Reddit — Home to thousands of communities, endless conversation, and human connection.

Useful Web Apps

  • Pdf.io 10 — Free set of online tools for handling PDF files. Convert and edit your PDF files.
  • Convert.io 5 — Convert your files to any format. 300+ formats supported. Fast and easy.
  • Veed.io 7 — A simple but powerful online video editor. Music, trim, crop, aff effects, images, filter, etc.
  • Designer.io 10 — Create graphics, logos and icons, edit images illustrations & presentations, all for free.
  • Draw.io 6 — A free diagram software for making flowcharts, process diagrams, org charts, UML, ER, etc.
  • Mindmeister 6 — An online mind mapping tool that lets you capture, develop and share ideas visually.

Useful Web Tools

  • Get Emoji 13 — Copy and paste emoji no apps required
  • Emojipedia 1 — A fast emoji search experience with options to browse every emoji by name or category.
  • Cool Symbol 7 — A symbol & picture text collection that provides access to many special fancy text symbols.
  • LingoJam 2 — LingoJam lets you create an online translator (biasanya untuk style text generator).
  • Text Fixer 3 — A Helpful collection of free online tools for web coding and text conversion.
  • Online Text Tools 1 — Online text tools is a collection of useful text utilities (Add line number, etc).
  • Tools4Noobs 7 — Tools you didn’t even know you needed. A collection of useful scripts (Count lines, etc).
  • Sort My List 2 — Online word tool to alphabetize & text sort. Sort numerically or by length and more.
  • Remove Line Breaks 2 — Remove line breaks from blocks of text (solusi untuk copy text dari PDF).
  • ttsMP3 7 — Easily convert your written text into natural sounding voice in up to 50 different languages.
  • WeTransfer 2 — Simple file-sharing, No registration, It’s free. the simplest way to send your files.
  • Pasteboard 3 — Super simple and lightning fast image sharing. Upload clipboard images with Copy & Paste.
  • Pastebin — Pastebin is a website where you can store text online for a set period of time.
  • Bitly — Shorten, create and share trusted, powerful links for your business. Create click-worthy links.
  • Linktree 5 — free bio link tool used by the world’s best brands, creators and influencers.
  • Small PDF 1 — All-in-one (convert, compress, merge, split and edit) easy-to-use online PDF tools.
  • IsItDownRightNow? 2 — Monitors the status of websites and checks whether they are down or not.
  • HaveIBeenPwned 3 — Check if you have an account that has been compromised in a data breach.

Online Courses

  • Coursera 1 — Build skills with online courses from world-class universities and companies.
  • Alison 4 — Free online education platform that mostly focuses on workplace-based skills.
  • Udemy 1 — Study any topic, anytime. Choose from thousands of expert-led courses now.
  • Udacity — Advance your career with online courses in programming, data science, and more.
  • Lynda — Learn software, creative, and business skills to achieve your personal and professional goals.
  • Skill Share — Learning platform with online classes taught by the world’s best practitioners.
  • Plural Sight 3 — Gives you confidence you have the skills you need to execute your technology strategy.
  • Treehouse 1 — Learn to code, gain a new skill, get a new job. Whatever your goal — we’ll get you there.
  • Codecademy — Learn the technical skills you need for the job you want. An online interactive platform.
  • Zero to Mastery 8 — Help you advance your career, get hired and succeed at some of the top companies.

Coupon Hunter

  • Tutflix Coupon 13 — A place where you can learn any course online.
  • OzBargain 6 — Hunting community, coupon codes and freebies.
  • Freebies Global 4 — Latest freebies, courses, coupons & deals.
  • Disc Udemy 6 — The only website where expired courses are deleted.
  • Coupo Scorpion 6 — The ultimate resources for 100% free Udemy coupons.
  • LearnViral 3 — Free Udemy coupons, get your coupons before they expire.
  • CouponCause 3 — Find promo codes and online discounts by store and category.
  • Couponos 3 — Get the latest Udemy coupon and BitDegree online courses.

Downloadable : Documents

  • Libgen 5 — Search engine for articles and books on various topics which allows free access.
  • Z-Lib 4 — The world’s largest ebook library, download books for free. Part of Z-Library project.
  • Mobilism 4 — Large forum of mobile apps and books. Romance, classic, etc.
  • PDF Drive 2 — Search engine for PDF files. eBooks for you to download for free.
  • BooksRack 1 — Free download e-books, magazine, available in PDF, ePub, Kindle and AudioBook formats.
  • Lib-Ebooks 2 — Provides Free PDF Books and more… For all, In many different Subjects.
  • Ebookee 1 — A free ebooks search engine, the best free ebooks download library. Tech, Novel, etc.
  • Ebook3000 3 — The best place to read ebooks and search free download ebooks. It’s the open directory.
  • All-Ebooks 5 — Ebooks for free. Library where you can download e-books and magazines for free.
  • Twirpx 1 — Everything for the student. Languages and linguistics, Computer literature, Math, etc.
  • Alleng 1 — For ESL students. Download textbooks, dictionaries, manuals, audio, video etc.
  • Sci-Hub 3 — The first website in the world to provide mass & public access to research papers.
  • IEEE 2 — The world’s largest technical professional organization for the advancement of technology.
  • DocSity 2 — Access free study contents — study notes, essays, summaries and a lot more.
  • Scribd 1 — Enjoy an unlimited* number of books, audiobooks, magazines, and more.
  • Use FYI 1 — Free resources and templates you need to get work done in one place.
  • Biggerplate — Download mind map templates and shared by members of our global community.
  • Small Pocket Library — Help students and teachers and anyone interested in science.

Downloadable : Courses

  • Tutflix.io 11 — Free education community. A place where you can learn any course online and discuss.
  • Tutflix.com 3 — Free education community. A place where you can learn any course online and discuss.
  • Downloadly.ir 5 — Free software download. Education, courses, programming, software, etc.
  • Downloadly.net 2 — Free software download. Education, courses, programming, software, etc.
  • Tut4dl 9 — Get new video training, update tutorials for programing tutorials, mobile dev, etc.
  • Ttorial 1 — Obtain & download the best online courses for free, from 100+ institutions.
  • OneHack 1 — Tutorials for free. A place where everyone can share knowledge with each other.
  • FreeCourseLab 4 — A great place to learn. Download Udemy courses for free.
  • FreeCourseWeb 5 — Tutorials Archives. Free Udemy Courses Download for free.
  • FreeCourseSite 6 — Learn Hacking, Programming, IT, Marketing, Music, and more.
  • FreeCourseUdemy 5 — Premium Udemy tutorials free download. Top udemy courses.
  • FreeEducationWeb 2 — We are sharing the knowledge for free of charge and help learners.

Internet Library : Exploration of Various Topics

Good Resources

Self Improvement : Expand Ideas & Insights

Books and Ideas

  • LifeClub 1 — Life Club is building a university for life skills. Like a Wikipedia for life skills.
  • BookAuthority — The most recommended books on business, technology and science.
  • Blinkist — Big ideas in small packages. Key takeaways from best nonfiction books in text and audio.
  • 12min 5 — The best ideas in your pocket. You are only a few seconds away from changing your life.
  • Four Minutes 2 — Over 600 free book summaries. You can read each one in just 4 minutes.
  • Optimize Me 2 — The best Big Ideas from the best optimal living books. More wisdom in less time.
  • The Power Moves — E-learning platform, social dynamics, power, and life strategies.
  • Faster to Master 1 — Faster to Master. Read more, learn faster and wake up productivity.
  • The Book Summary Club — Think big, read small. Short book summaries for business owners.
  • Paul Minors — I can help you to be more effective with your time and get more done.
  • Nat Eliason — Most of the important things I’ve learned have come from books, articles, etc.
  • Sam Thomas 1 — I take brief but concise notes from the best non-fiction books of all-time.
  • James Clear — Book summaries: popular books summarized in 3 sentences or less.
  • Marc Reclau — Author of the #1 Bestseller “30 days change your habits, change your life”.
  • Gates Notes 1 — Where Gates shared about the people he met, the books he read, and what he learned.
  • Mark Manson 1 — Lists of the best books to read based on hundreds of hours of reading and research.
  • Design Epic Life 1 — Design your greatest life and unleash the best version of you. Design your epic life.
  • Experience Life — Empowering people to become their happiest — deeply satisfying way of life.
  • Success.com — Focuses on people who take full responsibility for their own dev and income.

Podcast and Ideas

  • Makna Talks — A weekly podcast with well known subjects every week talking about what’s behind the facts.
  • Finfolk — Rethinking money. Sunday chill afternoon. New ideas about investment in a fun way.
  • HBR IdeaCast — A weekly podcast featuring the leading thinkers in business and management.

Youtube : Motivation & Inspiration

  • TEDx Talks 2 — American media organization that posts talks online — “ideas worth spreading”.
  • OPTIMIZE 2 — The best Big Ideas from the best optimal living books. More wisdom in less time.
  • FightMediocity 2 — The free audiobook or for reading a book, here’s FightMediocrity.
  • GaryVee 2 — Highly sought after public speaker. Keynote speeches on marketing and business.
  • Evan Carmichael 2 — An introvert entrepreneur. Working to solve the world’s biggest problem.

Youtube : Animated Book Summaries (EN)

  • OnePercentBetter 3 — Get the key lessons from self-development books in 10 minutes or less.
  • Mervan Polat 2 — I tell stories about art, history, technology, philosophy and science. Book summaries.
  • Practical Psychology 3 — Giving high-quality and informative videos to everyone who wishes to learn.
  • After Skool 2 — A weekly dose of fun and interesting science, ideas, stories, education and more.
  • FightMediocrity 2 — Big Ideas for a better life. The free audiobook or for reading a book.

Youtube : Insight, Feed Your Brain (EN)

  • TED-Ed 1 — Creating lessons worth sharing is an extension of TED’s mission of spreading great ideas.
  • Crash Course 1 — Tons of awesome courses — sociology, computer science, film history and mythology.
  • Kurzgesagt 1 — We are a small team who want to make science look beautiful. Because it is beautiful.
  • Epipheo 2 — We love stories that reveal truth! We work really hard to create valuable stories for our clients.
  • MinuteEarth 1 — Science and stories about our awesome planet! Helps understand the world around us.
  • Minute Physics 1 — Simply put: cool physics and other sweet science. Helps understand the world around us.
  • Stated Clearly 2 — We produce animations on genetics, evolution, biology, and chemistry.
  • KnowledgeHub 1 — A modern philosopher of our time. Except I talk about pretty pointless things.
  • AsapSCIENCE 1 — The channel produces weekly videos that touch on many different topics of science.
  • SciShow 1 — The scientific subjects that defy our expectations and make us even more curious.
  • It’s Okay To Be Smart 1 — Curious group of atoms in a curious universe — tell you how it all works.
  • SmarterEveryDay 1 — I explore the world using science. That’s pretty much all there is to it.
  • Up and Atom 1 — Making notoriously hard stuff less hard. Math, physics and computer science.
  • CGP Grey 2 — Short explanatory videos, including politics, geography, economics, history, and culture.
  • Vsauce 1 — Feature videos on scientific, psychological, mathematical, and philosophical topics, etc.

Top Chrome Extensions : Boost Browser Capabilities

Increase Productivity

  • Extensify 2 — Tool for lightning fast enabling/disabling all your extensions for Chrome.
  • Elenco 3 — With Elenco, browsing the internet is distraction free with every new tab you open.
  • Infinity New Tab 2 — Replaces the original new tab with variety of quick and useful features.
  • Muzli 2 — The freshest links about design and interactive, from around the web.
  • Bookmark Sidebar 2 — Toggleable sidebar with all your bookmarks at the edge of your browser window.
  • Tabli 1 — A simple and powerful tab manager that provides fast switching between windows.
  • Sticky Notes — A perfect tool for taking quick notes. Its fast, secure, and private. A must tool for everyone.
  • Black Menu for Google 1 — Quick access to your favorite Google services with a convenient drop-down menu.
  • Application Launcher for Drive — Open Drive files directly from your browser in compatible applications.
  • Checker Plus for Gmail — Get notifications, read, listen, delete emails without opening Gmail.
  • InstaClean 2 — Instantly clear out all unwanted mails & bulk unsubscribe newsletters (Bukan extension).
  • Awesome Screenshot 1 — Share screenshots with your friends or teammates, fast and easily.
  • Nimbus Screenshot — Screen capture full web page or any part & record screencasts.
  • Element Screenshot — Take screenshot of any HTML element on a webpage.
  • Copyfish 2 — Copy, paste and translate text from any image, video or PDF.
  • Image Reader (OCR) — Easily get words out of an image with OCR engine.

Text & Read Tools

  • Reading List — This reading list extension allows you to save pages in a list to get back to later.
  • Wikiwand — A new interface that optimizes Wikipedia’s amazing content for improved reading experience.
  • Mercury Reader 1 — Clear away the clutter from all of your articles, instantly. Removes ads and distractions.
  • Rocket Readability — Mercury Reader alternative. Parses web pages cutting out ads.
  • Just Read 1 — Remove distractions like the page’s styling, ads, poups and comments.
  • Print Friendly & PDF — Print Friendly removes ads, navigation and junk before your print.
  • Kami Extension — Best PDF and document annotation and markup tool. Works with Drive and Classroom.
  • Google Docs Offline — Edit, create and view all your documents without Internet access.
  • Readiator EPUB Reader — Open source cross-platform EPUB reader with full EPUB3 support, works offline.
  • EPUB Reader — Great choice for reading EPUB files, you can esaily open your EPUB files with this app.
  • One Click Translate 1 — Translate your selected text with Google Translate in one click, in a simplest way.
  • Mate Translate — Your all-in-one translator for web pages, highlighted text & Netflix subtitles.
  • TransOver 2 — Translate word from any language to the language of your choice by pointing or clicking at it.
  • Rememberry 1 — Translate and memorize. Easily replenish your foreign languages dictionary using flashcards.
  • Copy As Plain Text — Easily copy the selected text without formatting to the clipboard via right-click menu.
  • Highlight This — Automatically finds and highlights words and phrases on the web page according to your list.
  • Weava Highlighter — Highlight & organize your research with Weava online Web & PDF highlighter.
  • Qvotr 1 — Save text from any website by selecting text on the page and clicking the Qvotr chrome extention.
  • Text Tools — Handy text tools a click away (including uppercase, lowercase, count words, count lines, etc).
  • Bitly — Copy, customize, shorten, measure, optimize and share your links straight from your browser.
  • Medium Unlimited — Addon to access the medium.com premium articles (Third-party-extension).
  • Read Aloud 1 — Read out loud the current web-page article with one click. Supports 40+ languages.
  • Spreed — Train yourself to double or triple your reading speed, without sacrificing comprehension.

Better Browsing

Downloader

  • Image Downloader 5 — Browse and download bulk images from a web page. Always be free.
  • One-Click Video Downloader 5 — We are the simplest and fastest way to download videos from any website.
  • Video DownloaderHelper 3 — The most complete web video downloader. The popular video downloader.
  • SVG Export — Download SVGs from websites as SVGs, PNGs or JPEGs. Bulk export, resize, etc.
  • SVG-Grabber — A tool to quickly preview and get all the svg assets from a website. An open source tool.
  • Get Favicon — Displays the current page’s favicon as well as the favicon’s URL and dimensions.

Frontend Developer

  • Lighthouse — Automated tool for improving the performance, quality, and correctness of your web apps.
  • GitZip for Github 1 — It can make the sub-directories and files of github repository as zip and download it.
  • Web Developer — Adds a toolbar button to the browser with various web developer tools.
  • Live editor for CSS — Live preview of CSS/Less/Sass code changes. Live edit CSS files.
  • Bootstrap Viewport — Determines browser window width and which bootstrap viewport is in use.
  • Bootstrap 3 Helper — Show the current Bootstrap 3 breakpoint. Help developers in their projects.
  • Viewport Resizer 1 -Responsive design testing tool to test any website’s responsiveness.
  • Pesticide for Chrome — Outlining each element to better see placement on the page.
  • Z-Context — Displays stacking contexts and z-index values in the elements panel.
  • Page Ruler — Draw a ruler to get pixel dimensions, positioning, and measure elements.
  • Dimensions — A tool for designers to measure screen dimensions. Measures the dimensions.
  • PerfectPixel — This extension helps develop your websites with pixel perfect accuracy.
  • Visual Inspector — Collaboration tool for website feedback and fixing design bugs.
  • Stylebot — Stylebot lets you manipulate the appearance of any website with custom CSS.
  • CSSViewer — A simple CSS property viewer. Made by Nicolas Huon as a FireFox add-on.
  • CSS Used — Get all css rules used by the selected DOM and its children. One click to get all.
  • WhatFont — Inspect web fonts by just hovering on them. It is that simple and elegant.
  • ColorZilla — Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies.
  • Vue.js Devtools — Chrome and Firefox DevTools extension for debugging Vue.js applications.

Designer 101 : Designer Complete Package

Top Curated List for Designer

Icons & Illustrations

Developer 101 : Complete Developer Package

Top Curated List for Developer

Top Udemy Course

Online Tutorials

  • Tutorialspoint 2 — Free online tutorials, courses and programming projects
  • Javapoint — Free online tutorials, courses and programming projects
  • FreeCodeCamp — Free online tutorials, courses and programming projects
  • GeeksForGeeks 2 — Free online tutorials, courses and programming projects
  • Tutorial Kart — Free online tutorials, courses and programming projects
  • SoloLearn — Free online tutorials, courses and programming projects

Useful Tools

  • Carbon 1 — Easiest way to create and share beautiful images of your source code.
  • Codeshare — An online code editor for interviews, troubleshooting, teaching and more.
  • Responsive Test Tool — The best responsive test tools for check your website resolutions.
  • Scrimba — Fast-track your career with hands-on coding courses (playground & learn).
  • StackBlitz — The same editing experience, now in your browser. Playground
  • CodeSandbox — An instant IDE and prototyping tool for rapid web development. Playground
  • Codepen — An online code editor and community for frontend dev. Playground
  • JSFiddle — Test your JavaScript, CSS, HTML or CoffeeScript online. Playground
  • JS Bin — Collaborative JavaScript Debugging. Playground

Web Dev : Full-Stack

  • Dunia Ilkom 1 — Situs yang membahas lengkap materi pembelajaran bahasa pemrograman website.
  • Web Programming Unpas — Membahas mengenai teknologi internet dan pengembangan web.
  • Build With Angga — Pelajari keahlian baru yang dibutuhkan oleh perusahaan IT terbesar di seluruh dunia.
  • Be Fullstack Developer 1 — Panduan hebat untuk menjadi Fullstack Developer! Laravel & Vue.js.
  • W3Schools — The world’s largest web developer site. Tutorials and references relating to web dev.
  • W3Docs 1 — We are trying to provide useful and concise materials for the programming enthusiasts.
  • Newline by Fullstack.io 2 — We’d love to collaborate to write a book or course together.
  • A Smarter Way — Coding, I learned, isn’t that hard. Easy way to learn web programming.
  • Head First Series 1 — A series of introductory instructional books to many topics.

Web Dev : Frontend (1)

Web Dev : Frontend (2)

Web Dev : Backend

  • PHP — PHP Resources (Learn)
  • PHP — PHP Resources (Collection)
  • REST — REST Resources
  • MySQL — MySQL Resources
  • Laravel — PHP Framework
  • NodeJs — Backend JavaScript Base

Mobile Dev : Frontend & Backend

Miscellaneous

  • Learn Git — Resources to learn Git (handbook, cheat sheet, branching, etc).
  • Oh Shit, Git!?! — Ragam permasalahan saat bekerja dengan Git beserta solusinya.
  • GitKraken Docs — Git GUI Client, solusi untuk bekerja dengan Git dengan mudah.
  • Markdown Tutorial — A way to write content for the web (for documentation, etc).
  • RegexOne — Interactive lessons and exercises to help you learn regular expressions.

Top Figma Plugins : Gifts For Designers

Project Starter

  • Project Scaffold — Generates a scaffold for your Product design project in just 1 click.
  • Better File Thumbnails — Create a thumbnail for your project in a few clicks with a visual editor.
  • Product Planner — 15 product manager templates & 12 product planner templates.
  • Status Annitations — Indicate the status of your designes when collaborating with your team.
  • Notepad — Use Notepad to add a place for notes to your Figma documents. Automatically saved.
  • Time Machine — Time Machine saves and organizes work that you want to look back on.
  • Design Inspo 1 — The best way to quickly look for design inspiration while you work.
  • Inspyre — The perfect icon, inspiration for a logo, or the perfect component.

Web Safe Guide

  • A11y — Design products that are accessible, ethical, and inclusive. All based on WCAG.
  • Contrast — Select and scan for contrast issues on gradients, images, blends and fills.
  • Color Blind — allows you to view your designs in the 8 different types of color vision deficiencies.
  • VisualEyes — Understand how users look in your prototypes and how clear pleasing are your designs.
  • Design Lint — Find and fix errors in your designs. Ensure your designs are consistent.

Tools & Tidy Up

  • Easy Units — Convert your shape and text from pixels to inches, rem, cm, ft. Great for any project.
  • Super Select — Select All Siblings and Invert Siblings support multiple layer selections.
  • Clean Document — Automagically organize and clean up your Figma document. Smart rename, sort, etc.
  • Reset Text Layer Name — Ever end up wanting to reset your layer names? This plugin will help you.
  • Redlines — Generate redlines from a selection of objects with ease. Quickly measure and plot dimensions.
  • Pixel Perfect — Move everything back onto the pixel grid, round position and dimentions.
  • Round it! — Round all properties to the nearest multiplier of 8, 10, or your custom value.
  • Aspects — A little plugin that helps resize selected elements to fit a certain aspect ratio.
  • Proportional Scale — Easily resize your shapes with all other attributes resizing proportionally.
  • Fix Your Mess — Fix Your Mess scans your Figma designs and helps you tidy up your work.

Canvas & Responsive

  • Viewports — Browse the most popular display sizes and apply them to frames.
  • Responsify
  • 1 — A Figma plugin to quickly test your designs across multiple device sizes.
  • Snap to Grid — Helper with which it is even easier to arrange elements on the grid.
  • Grids Generator — Apply any frame with grid styles config inspired from Chrome’s element inspector.
  • Auto Grid — Define rows, columns, padding and let AutoGrid do the rest. Keep your grids flowing.
  • Breakpoints — A resizable native frame that works even without the opened plugin window.

Layout & Component

  • Wireframe — Creating beautiful user flow prototypes and basic structures. Over 350+ build graphics.
  • Wireframer — Generate cool placeholder text. The new trend in wireframes text generation process.
  • Wire Box — Convert your designs from high-fidelity to low-fidelity and step back into wireframes.
  • Master — Create, attach, clone and move components in a couple of clicks without losing overrides.
  • Interplay — Imports your design system code repository and lets you design with code components.
  • Ready Components — Provides ready-made components, can be used in any of the UI design.
  • Spacing Manager — Sometimes designers making different spacings between the elements.
  • Style Organizer — Display and organize all color styles in the page. Relink unlinked styles.
  • Batch Styler — Change multiple text & color styles at once, no matter if 2 or 30 styles.
  • Design System Organizer — No more naming schemes with “/” for Components and Styles.
  • Automatic Style Guides — Preparing formal style guide documentation from your local styles.

Font & Text

  • Better Font Picker 1 — Helps you select fonts with a preview of how it looks. Shows installed fonts.
  • Font Scale — Font Scale is a quick tool to generate a harmonious and consistent typography hierarchy.
  • Textyles — Textyles speeds up your typographic workflow by generating Text Styles quickly.
  • Nisa Text Splitter — Easy way to smart split your text/list into small text pieces. Keep styles.
  • Find and Replace — Search for texts on your page and replace them just like a text editor.
  • Add Numbers to Texts — Numbers, aplhabetical numbering, roman numerals, math expressions, etc.
  • Text Prettier — Improve your typography and helps you make your texts legible and readable.
  • Arc — Curve your text upward, downward or into a circle. Adjust the slider and preview the result.
  • TextWrap — A way to wrap your text around a circle/ellipse. Excellent for badges, etc.
  • Substrate for Text — Highlight text by adding the cool substrate with this simple plugin.

Color & Gradient

  • Color Palettes 2–1500+ meaningful color palettes for your next creative projects.
  • Brands Colors — Find the best color from the world’s best brands and cool apps.
  • Color Search — Choose your favorite an add it to your local styles in seconds (e.g. mellon).
  • Webgradients — Powerful functional gradient plugin that you can use as content backdrops.
  • uiGradients — Adds gradients to groups, text and frames in single click. Chose from 350+ gradients.
  • Color Designer — Generates shades, tints, and color harmonies based on select layers or local styles.
  • Chromatic Figma — Lets you use other color spaces than RGB, to create good-looking color.
  • Chroma Colors — Create bulk color styles from selection. Select object, run the plugin, generated.
  • Colorizer — Sort colors by their hue value, then saturation. Select objects, run the plugin, and sorted.
  • Adjustments — HSL color adjustments allow you to tweak hue, saturation and lightness values.

Illustration & Logos

  • Illustrations 1 — Free Illustration library for everyone. 250+ illustrations by pablo stanley.
  • Blush — Create and customize illustrations in your designs with Blush (Paid).
  • Handz 3D Illustration — Brings the amazing 3D illustations library called HANDZ.
  • Iconscout 1 — Allows you to insert millions of high quality icons, illustrations and stock photos.
  • Logo Creator 2 — Craft a beautiful logo from prebuild collections of 300+ logos.
  • Brandfetch — Enter a company name and instantly get its corresponding brand assets.

Icons Pack

  • Iconify — Over 50,000 icons from 60 icon sets for your Figma designs.
  • Icons8 — Access hand-crafting 120,000 icons and 32 styles from Icons8 library.
  • Ionicons — Browse, find, use All 1200+ icons from ionicons.com right from inside Figma.
  • Flaticons — 3083500+ Free vector icons in the largest database of flaticon.com
  • Feather Icons — Browse, find, use All 280+ icons from feathericons.com right from inside Figma.
  • Streamline 1 — The world’s largest icon pack. Browse, search and insert. 30,000 icons.
  • Font Awesome Icons — This is the unofficial plugin for the Font Awesome icon collection.
  • Material Design Icons — Provides you instant easy access to the entire Material Design Icons library.

Image Tools

  • Photos — Search and insert photos (from Unsplash, Pixabay and Flickr) into your Figma files.
  • Unsplash — Insert beautiful images from Unsplash straight into your design projects.
  • EasyMask 1 — Create a mask from the top selected layer. Similiar to how Adobe AI does making.
  • Remove BG — Remove the background of images automatically with just a single click.
  • TinyImage Compressor — Export compressed JPG, PNG, SVG, WebP, GIF and PDF image files.
  • Text From Image — Use OCR to copy text from an image fill. The magic of optical character recognition.
  • Image Tracer 2 — Traces black & white bitmap images, and turns them into a vector layer.
  • Social Media Image — Cheat sheet on Social Media image sizes. All in one place.

Images Filter

  • Filter 2–30+ Customizable filters : Brightness, contrast, hue saturation, exposure, sepia, etc.
  • Color Overlay 1 — Recolor transparent PNGs right in Figma, saving minutes of precious time.
  • Color Filters 1 — Simple plugin that allows you to quick convert all the colors in your layers or frames.
  • Dither 1 — Add dithering effects to your images right there in Figma. Faster Image processing.
  • Dominant Color Toolkit 1 — Generate a palette from an image to magically populate your designs.

Mockup Bundle

  • Artboard Studio Mockups 2 — Access to thousands of world-class quality Artboard Studio mockup.
  • Mockuuups Studio 1 — A super-easy mockup generator with over 500 various scenes with instant preview.
  • Vectary 3D — Vectary 3D plugin for Figma is adding the missing third dimension to your 2D designs.
  • Angle Mockups — Apply your screen designs to perspective mockups. Library of 1000+ mockups.
  • Clay Mockups 3D — Create & customize mockups with 3D clay-style device models.
  • Mockup 1 — Select screen shape, choose component or frame, add a distort transformation.
  • Third — Lets you import, lit, use and render 3D models right there in Figma.

Shape Maker

  • Geometric — Make math shapes and curves. Make complex patterns with ease.
  • Chart — Uses real or random data to create the most popular charts. 16 types of charts.
  • Wave & Сurve — You can easily create a variety of waves and interesting patterns.
  • Make Blob — Make random blob and add it on your page. Set your complexity and contrast.
  • Metaball — Metaball plugin generates 2D-Metaball shapes from circle objects. Open source project.
  • Dot Grid — No need to create each individual dot and laying them out into a grid anymore.
  • Autoflow — Draw beautiful flows in Figma automagically. Autoflow makes it easy to draw flows.
  • Pattern Hero — Enables you to place selected elements or frames in a grid to create patterns.
  • Hero Patterns for Figma — Brings the collection of patterns called Hero Patterns by Steve Schoger.

Shape Manipulation

  • Swap 1 — Easily swap two selected objects. Keeps the original size of objects and their position.
  • Simplify 1 — Simplifies vector paths by automatically reducing and rearranging their line segments.
  • Pencil Pal — Pencil Pal is for folks who want to get a little more out of the pencil tool. You can customize.
  • To Path — Put any objects or text on a path. Make a curve, select an object, and watch the magic happen.
  • SkewDat — Live skew any shape and fine-tune with simple non-destructive controls. You need this.
  • Roto — Roto extrudes and rotates shapes in 3D. Select a shape, run Roto and play with Roto’s properties.
  • Sprinkle — Make it rain with confetti. Select your pieces of confetti and watch the magic happen.
  • Confetti — Confetti for Figma lets anyone create gorgeous confetti patterns. Make it your own.
  • Isometric — Isometric allows you to create isometric layers without manually having to set them up.
  • Easometric — With Easometric it is really easy to create isometric layers & groups.
  • Neumorphism — Create beautiful neumorphistic designs in just a few seconds.
  • SmoothShadow — Create really smooth, layered shadows with easing curvers, friend.

Dummy Generator

  • Content Reel 1 — Content Reel helps you easily pull text strings, avatars and icons into your designs.
  • Avatars Generator 4 — Avatars Generator creates unique, AI-generated photos of a fictional persons.
  • Mapsicle — Never take a screenshot of a map again! Quickly and seamlessly place maps in your mockups.
  • QR Code Generator 1 — QR Code Generator helps you to quickly create a Vector QR code. Just enter URL.
  • Sigils — Sigils are avatars generated for Urbit IDs, which can be thought of as IP addresses.

Miscellaneous

  • Minimap — Navigate your canvas like an adventure at sea, with a map in hand.
  • Figma Chat — This plugin helps you to interact inside your files with other peoples.
  • Yasou — Enables teams that work together on a file to do audio or video calls.
  • Live Preview — Easily share a live preview of your Figma prototype with others.
  • Anima — Design rich prototypes in minutes, publish live websites, and export HTML.
  • Marvel Prototyping — Seamlessly sync frames from Figma to new or existing Marvel projects.
  • Useberry — An online user-testing tool that helps UI/UX designers get rich user feedback.
  • Figmotion 1 — An animation tool built right in Figma. Makes the entry into animation easier.
  • LottieFiles — Figma Animations designed for Web and Mobile. 1000+ of free animations.

Top Visual Studio Code Extensions : Gifts For Developers

General

  • Ayu 1 — A simple theme with bright colors and comes in three version — dark, light and mirage.
  • Beautify — Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code. Code formatter
  • Prettier — Parsing your code and re-printing it with consistent style with own rules. Code formatter
  • Formatting Toggle 1 — Allows you to toggle the formatter (Prettier, Beautify, …) ON and OFF with a simple click.
  • Project Manager — Easily switch between projects. It helps you to easily access your projects.
  • Path Intellisense — Visual Studio Code plugin that autocompletes filenames (code completion).
  • EditorConfig for VS Code — Override user/workspace settings with settings found in .editorconfig files.
  • Highlight Matching Tag — This extension highlights matching opening and/or closing tags.
  • Auto Close Tag — Automatically add HTML/XML close tag, same as Visual Studio IDE does.
  • Auto Rename Tag — Automatically rename paired HTML/XML tag, same as Visual Studio IDE does.
  • Comment Divider — Provides commands for generating comment-wrapped separators from line content.
  • Comment Anchors — Place anchor tags within comments for easy file & workspace navigation.
  • Better Align — Align your code by colon (:), assignment (=,+=,-=,*=,/=) and arrow (=>).
  • Image Preview — Shows image preview in the gutter and on hover. Fast and useful.
  • CodeSnap — Take beautiful screenshots of your code in VS Code. Quickly save, line numbers, etc.
  • VS Code Printing Free 1 — The print icon on the toolbar prints the document in the active editor.
  • Git Tags — Quick manage tags for a git repo. Fast synchronization to remote repositories.
  • Git Graph — View a Git Graph of your repository, and perform Git actions from the graph.
  • GitHub Pull Requests and Issues — Allows you to review and manage GitHub pull requests and issues.

Frontend

  • HTMLTagWrap — Wraps your selection in HTML tags (inline selections and selections that span multiple lines).
  • HTML CSS Support — Class attribute completion, Id attribute completion, supports remote css files, etc.
  • CSS Peek — Allow peeking to CSS ID and Class strings as definitions from html files to respective CSS.
  • CSS Responsive — Parse CSS and add vendor prefixes automatically, rules by Can I Use (caniuse.com).
  • Autoprefixer — Simple yet amazing extension to convert a division to percent for CSS based files.
  • JavaScript (ES6) Code Snippets — Code snippets for JavaScript in ES6 syntax for Visual Studio Code.
  • ES6 String HTML — Adds syntax highlight support for HTML placed in ES6 multiline strings.
  • ESLint — Integrates ESLint JavaScript into VS Code. Node js (server-side JavaScript) required.
  • Live Share — Real-time collaborative development from the comfort of your favorite tools.
  • Live Server — Launch a development local Server with live reload feature for static & dynamic pages.
  • Live SASS Compiler 1 — Compile/transpile your SASS/SCSS files to CSS files at realtime with live browser reload.
  • REST Client — Allows you to send HTTP request and view the response in Visual Studio Code directly.

Backend

Educational Instagram Accounts : Learning Resources on Instagram

Document & Office Tools

  • Microsoft Office — Your place to create, communicate, collaborate, and get great work done.
  • WPS Office — A new generation of office solutions. With powerful PDF, WPS Cloud, OCR, Files Repair, etc.
  • Foxit Reader — Small, fast, and feature-rich PDF viewer that allows you to open, view, and print any PDF file.
  • Calibre — A powerful and easy to use E-Book manager. Edit Metadata, Convert All E-Book Format, Etc.
  • Evernote — Take notes anywhere. Find information faster. Share ideas with anyone. Best note taking app.
  • Adobe Digital Edition — Ebook reader software program from Adobe Systems, built initially using Adobe Flash.
  • Scribus — Free desktop publishing (DTP) software available for most desktop operating systems.
  • PUB HTML5 — Publish interactive magazines or catalogs Online. Create beautiful flipping book in HTML5.
  • Edraw Max — Creating flow chart, mind map, org charts, network diagrams and floor plans with templates.
  • Edraw MindMaster — A versatile, user-friendly, and professional mind mapping tool. For everyone.
  • SmartDraw — The smartest way to draw any type of chart, diagram, charts, network diagrams, and more.
  • XMind 1 — The most professional and popular mind mapping tool, to capture ideas, clarify thinking, etc.
  • Draw.io 6 — A free diagram software for making flowcharts, process diagrams, org charts, UML, ER, etc.
  • PDF Sharper — All-in-one PDF software optimized for better productivity and document security.
  • eBook Converter Bundle — All in one tools to convert ebook to other format, it support DRM ebook.
  • Anicesoft EPUB Converter — Best EPUB Converter & EPUB/PDF/Kindle/AZW/MOBI. An easy and quick.

Designer Tools

  • Adobe Creative Suite 1–20+ most popular Adobe apps. Watch all 50+ Adobe apps explained in Youtube 1.
  • GIMP — GNU Image Manipulation Program. The free, open source and cross-platform Image Editor.
  • PhotoGIMP 1 — A simple Patch for GIMP 2.10+ to help all Photoshop Users. GIMP look like Photoshop.
  • SLOS-GIMPainter — A brush package for GIMP 2.10.20 or Later. Brushes are displayed as Icons, etc.
  • Inkscape — A professional vector graphics editor for Linux, Windows and macOS. It’s free and open source.
  • Gravit Designer — A free full-featured vector graphic design app that works on ALL platforms.
  • Autodesk SketchBook — A raster graphics software intended for expressive drawing and concept sketching.
  • Krita — A pro free painting program. It’s made by artists that want to see affordable art tools for everyone.
  • Birdfont — A free font editor which lets you create vector graphics and export TTF, OTF, EOT and SVG fonts.
  • Darktable — An open source photography workflow application and raw developer. Darkrooms.
  • FastStone Photo Resizer — Batch photo editor and converter tool — convert, resize, crop, rotate, etc.
  • Picosmos Tools — Covering all kinds of image functions — editing, composing, segmentation, etc.
  • ColorImpact — An interactive color scheme designer that lets you easily create stunning color schemes.
  • Cyotek Palette Editor — Allows you to create and work with colour palettes, in a variety of formats.
  • Icons8 1 — Design stuff for free, for your project — icons, photos, vectors, music, and tools.

Editing Tools

  • VEGAS — Software you need for fast, professional and efficient video production. Faster & more creative.
  • Wondershare Filmora 1 — A video editor for all creators. Empower your stories and imagination with Filmora.
  • HitFilm Express — A free video editing software with professional-grade VFX tools and everything you need.
  • DaVinci Resolve — A professional editing and color grading system that is suitable for everyone.
  • OBS Studio 1 — Free and open source software for video recording and live streaming.
  • Photopia — Your tool to create video slide shows using your photos, videos and illustrations.
  • 4K Slideshow Maker — An extremely easy-to-use app to create slideshows. Save your memories.
  • Synfig Studio — A free and open-source 2D vector graphics and timeline-based computer animation program.
  • Aseprite 1 — Create 2D animations for videogames. From sprites, to pixel-art, retro style graphics, and more.

Developer Tools

for Web Developer

  • DevDocs Desktop 1 — Fast, offline, and free documentation for developers. Search 100+ docs in one place.
  • Git — A free and open source distributed version control system — handle projects with speed and efficiency.
  • GitKraken — Three developer productivity tools: Git GUI client, Kanban Boards & Timelines.
  • Notepad++ — A free source code editor and Notepad replacement that supports several languages.
  • Sublime Text — A sophisticated text editor for code, markup and prose. A lightweight text editor.
  • Atom — A free and open-source text and source code editor, developed by GitHub. Cross-platform editing.
  • Visual Studio Code 1 — A code editor redefined and optimized for building and debugging web and cloud app.
  • XAMPP — A completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl.
  • Laragon — A modern & powerful development environment — easy operation, fast, effective, productive.

for Mobile Developer

  • Android Studio — Android Studio provides the fastest tools for building apps on every type of Android device.
  • Xcode — Xcode is an IDE for macOS containing a suite of software development tools developed by Apple.

For Desktop Developer

  • IntelliJ IDEA — An integrated development environment (IDE) for developing computer software.
  • Code::Blocks — The open source, cross platform, free C, C++ and Fortran IDE. Work with a variety of compilers.

For Data Science Developer

  • Google Colab — Write and execute Python in your browser, with zero config and free access to GPUs.
  • Anaconda — The world’s most popular Python/R data science platform, work with packages and env.
  • Matlab — Whether you’re analyzing data, developing algorithms, or creating models. Professionally built.
  • GNU Octave — Powerful mathematics-oriented syntax with built-in plotting and visualization tools.

For Game Developer

  • DAZ 3D — Free 3D Software Suite for modeling & rendering realistic characters, clothes and scenes.
  • Blender — Open source 3D creation. Free to use for any purpose — modeling, animation, motion, etc.
  • Unity3D — The world’s most popular development platform for creating 2D and 3D multiplatform games.
  • Godot Engine — A 2D/3D free and open-source game engine released under the MIT license.
  • Construct — An HTML5-based 2D game editor. It’s aimed primarily at non-programmers.
  • RPG Maker MV — It is a popular game development engine for the development of RPG games.
  • Pixel Game Maker MV — Allows you to create thrilling action games with ease, no programming.

For Networking Devs

  • PuTTY 1 — A free SSH and telnet client, developed originally by Simon Tatham for the Windows platform.
  • NetSpot — The only professional app for wireless site surveys, Wi-Fi analysis, and troubleshooting.
  • Wireshark — The world’s foremost and widely-used network protocol analyzer — troubleshooting, analysis, etc.
  • Cisco Packet Tracker 1 — A networking simulation tool used for practice, discovery and troubleshooting.

HDD/SSD Apps

  • WizTree — Scans your entire hard drive and shows you which files and folders are using the most disk space.
  • Hard Disk Sentinel 1 — A SSD/HDD monitoring and analysis software — find, test, diagnose and repair.
  • HDDlife 1 — Allowing you to move your data long before the lifespan of your HDD/SSD comes to an end.
  • DiskSavvy — A free, fast and easy-to-use disk space analyzer utility allowing one to analyze disk.
  • Wondershare Recoverit — Rescue your deleted files, photos, videos, audios, emails, and many more.
  • MiniTool Power Data Recovery — Powerful for recovering files lost by human errors, system crash.
  • MiniTool Partition Wizard 1 — All-inclusive free partition manager to organize disk partitions.
  • EaseUS Data Recovery — Your second to none choice for quick but complete file recovery.
  • EaseUS Todo Backup — Backup tasks, automatically run to make copies, and restore instantly.

Remote Apps

  • TeamViewer 1 — Remote control, desktop sharing, online meetings and file transfer between computers.
  • Chrome Remote Desktop 1 — A remote desktop software tool. Access your computers from your Android.
  • Unified Remote 2 — Turn your smartphone into a universal remote control. The one-and-only.

Time-Saving Apps

  • Autosofted 1 — Automated keyboard pressers/typers/mouse clickers & useful programs for organizing files.
  • 1Clipboard — A universal clipboard managing app that makes it easy to access your clipboard from anywhere.
  • GrepWin — Search (and Replace) specific text in a folder containing many documents, even sub-folders.
  • WinMerge — Compare both folders and files, presenting differences in a visual text format. Easy to handle.
  • Phrase Express — Helps you to speed up your typing tasks in any editor by saving lots of keystrokes.
  • Free Commander 1 — An alternative to the standard windows file manager — for your daily work in Windows.
  • X-Mouse Button Control — Allows you to re-configure and expand the capabilities of your mouse.
  • Pulover’s Macro Creator 2 — Free automation tool and script generator — multiple automation functions.
  • Absolute Uninstaller 1 — Best solution to uninstall programs completely with high speed and efficiency.
  • Advanced Renamer — Batch rename files and folders in a snap. Perfect for any kind of file renaming.
  • Attribute Changer — Change file and folder properties with ease. A powerful Windows Explorer add-on.

Education Apps

  • Stellarium 1 — Planetarium for your computer. It shows a realistic sky in 3D, just like what you see.
  • WorldWide Telescope — A virtual telescope to astronomers, observatory of the Earth to geo-researchers.
  • SketchUp 1–3D design software that truly makes 3D modeling, with a simple to learn yet robust toolset.
  • Sweet Home 3D — Interior design app that helps you draw the plan of your house and arrange furniture on it.

Useful Apps

  • 8GadgetPack 3 — Allows you to use gadgets on Windows 10/8.1/7. (Example gadget : Days Remaining 2)
  • KeyTweak — KeyTweak allows a computer user to remap the keys on the keyboard to a customized layout.
  • Event Log Ex — A software solution for viewing, analyzing and monitoring events recorded in event logs.
  • HJSplit 1 — Tool to split and recombine files as large as 100+ gigabytes — split, join, compare, and checksum.
  • Cheat Engine 3 — Memory scanner/hex editor/debugger. Mostly used for cheating in computer games.
  • Rainmeter 2 — Most popular desktop customization software for Windows — customizable desktop skins.
  • Snap2HTML 2 — Takes a “snapshot” of folder structures on your harddrive and saves as HTML files.

ENJOY & HAPPY LEARNING!

--

--