Frontend dev passionate about crafting delightful UIs with React & TypeScript, creating seamless user experiences.

github

dribbble

Piyush Pawar  • Peerlist

Vite Plugin React Material Symbols is a powerful tool designed to enhance the usage of Material Symbols Icons in React applications. This plugin automatically scans your React files, including TSX, JSX, and JS, to discover Material Symbols usage and injects an optimized Google Fonts stylesheet containing only the icons used in your application. This ensures faster loading times and improved performance by reducing unnecessary icon loads.Key Features:<ul><li>Automatic Discovery: Scans React files for Material Symbols usage.</li><li>Optimized Loading: Generates Google Fonts URLs with only the icons you use.</li><li>Smart Detection: Supports various usage patterns including conditional rendering and utility functions.</li><li>Flexible Configuration: Customize font variants, optical sizes, weights, and more.</li><li>Safelist Support: Include icons that might be rendered dynamically.</li></ul>This plugin is ideal for developers looking to streamline their icon management in React applications, offering both basic and advanced configuration options to suit different project needs. Whether you are building a simple React app or a complex component library, Vite Plugin React Material Symbols provides the flexibility and efficiency required to manage icon usage effectively.

Vite Plugin: React Material Symbols

A Google Classroom like Native Desktop App built with Electron.

Classroom

A website to save colors, gradients, and color palettes. Users can browse through the collection of colors, add colors to favorites by logging in, and add their own color, a color palette of 4 colors, or a gradient of 2 colors if the desired color is not found.

Colormark

A web app to find online programming courses. Users are able to find courses based on a programming language or a framework and apply filters to them to get a specific type of course. Users can also submit courses by logging in and submitting the course details through a form.

Course Catalogue

A fully keyboard accessible personal website built with Next.js and TailwindCSS with a personal blog powered by MDX.