🔥Top 5 Killer Websites for Developers😎
Tags: webdev, productivity, opensource, programming
Published: 2023-12-04 10:15:43

Hi Devs 👋

Today, I'll share with you the top 5 amazing websites that are helpful in your project development and also save your valuable time⏱.

## 1️⃣ Flaticon
Flaticon is a largest database for icons. You can find variety of icons, Interface icons, Animated icons and stickers here and can be downloaded freely in multiple formats such as PNG, SVG, EPS, PSD and CSS. You can also edit existing icons using Adobe After Effect.

![Flaticon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nu8u01iceaj2vaxth3dq.png)
_Visit site here: [https://www.flaticon.com](https://www.flaticon.com)_

## 2️⃣ Omatsuri
Omatsuri is an open-source web application that provides 12 different tools for developers. Its like 'All in one' app.

- **Triangle generator:** This tool is used to generate css triangles styles for elements and pseudo-elements.
- **Color shades generator:** This tool is used to generate tints and different shades of a given color. 
- **Gradient generator:** This tool is used to generate linear and radial css gradients.
- **Page dividers:** This tool is used to generate page dividers with css and svg images.
- **SVG Compressor:** This tool is used to compress SVG images with SVGO and convert to react component.
- **SVG -> JSX Converter:** This tool is used to convert SVG icons and illustrations to react components or components for other libraries with JSX support.
- **base64 Encoder:** This tool is used to convert images or files to base64 and generate styles to use as background image.
- **Fake data generator:** Generate wide variety of realistic fake data like address, avatars, names, phones etc in JSON Schema format. 
- **Symbols Collection:** This tool contains collection of commonly used html symbols: arrows, marks, currency signs and many others.
- **Lorem ipsum:** This tool generates different kinds of lorem ipsum text.
- **CSS Cursors:** This too is a collection of All existing CSS cursor property values.
- **Keyboard events codes:** This tool provides JavaScript events keycode values.

![Omatsuri](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xpb3m3i8epgu49ltgwbp.png)
_Visit site here: [https://omatsuri.app](https://omatsuri.app/)
Github link: [https://github.com/rtivital/omatsuri](https://github.com/rtivital/omatsuri)_

## 3️⃣ Rapid API
RapidAPI is the largest API hub. It offers a vast collection of APIs across various categories such as weather, social media, e-commerce, finance, and more. You can easily search and integrate the API in your application. Here not all API keys are free, the site provides both free as well as paid subscription.
For some api keys you need to pay in-order to use and integrate them in your application. 

![Rapid API](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5o23n6vs7v4xhd8lmt74.png)
_Visit site here: [https://rapidapi.com/hub](https://rapidapi.com/hub)_


## 4️⃣ StorySet
Storyset platform provides you awesome free customizable illustrations to use in your project. With Storyset, you can easily customize, animate, and download illustrations to create beautiful application especially landing pages. It also provides option to edit the illustrations and downloading in PNG and SVG formats.

![Story Set](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2gzkwislxpeh1dy8ru0r.png)
_Visit site here: [https://storyset.com](https://storyset.com)_

## 5️⃣ Transform
transform.tools is an open-source website that provides you the ability to transform various elements such as HTML to JSX, JavaScript to JSON, CSS to JS Objects, and much more. It will be a real time-saver whenever you need to convert or transform anything quickly. 

![Transform](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gyc4vvr7luvc93l4a6hd.png)

_Visit site: [https://transform.tools](https://transform.tools)
Github link: [https://github.com/ritz078/transform](https://github.com/ritz078/transform)_

⬇ Comment below if you have used any of these tools and share your experiences. Also, mention the tool you use the most. I will include them in the next post.

Thanks for reading❤
{% embed https://dev.to/dev_kiran %}