Profile Picture
Ashish Chauhan
Current Stack
Next Js React Js Astro Js TailwindCSS Angular Bootstrap

Resources I use, For “UI Design & Frontend Development”

alt text

UI Design

Design Inspirations: Inspiration assists us with brainstorming, mapping out new ideas and with bringing these new ideas to life. As designers, inspiration assists us with keeping our creativity alive. When we are innovative, we are able to produce ideas that have never been seen before.

  1. Dribbble
  2. Behance
  3. Awwwards
  4. Pinterest

Icons: Icons are an essential part of many user interfaces, visually expressing objects, actions and ideas. When done correctly, they communicate the core idea and intent of a product or action, and they bring a lot of nice benefits to user interfaces.

  1. The Noun Project
  2. Feather Icons
  3. Hero Icons
  4. Lordicon Icons (Animated Icons)
  5. Icons 8

Illustrations: Illustrations have the unique potential to add emotion, clarity, and beauty to your user interface. They enrich the user experience your site delivers by getting the main point across faster than text and engaging the user through their journey.

  1. Freepik
  2. Free SVG Illustration
  3. Shutter Stock

Front-end Development

Web App:

  1. Next Js
  2. Angular
  3. Astro

Mobile App:

  1. Flutter
  2. React Native

Font Icons: To boost the development process of web apps and websites. I always try to use font libraries. Most of the time I use “Fontello”, Why?

  • Because I use custom SVG icons from different sites. which I don’t find in font libraries.
  • Fontello allows us to add custom SVG icons by drag and drop. Then we can download CSS and font files for our Web Apps and Websites. Basically, you are creating your own font library.
  1. Font Awesome
  2. Fontello
  3. React Icons

Thanks for reading!