DEV Community

Cover image for 🔥Top 5 Killer Websites for Developers😎
Kiran Naragund
Kiran Naragund

Posted on • Updated on

🔥Top 5 Killer Websites for Developers😎

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
Visit site here: 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
Visit site here: https://omatsuri.app
Github link: 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
Visit site here: 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
Visit site here: 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

Visit site: https://transform.tools
Github link: 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❤

Top comments (51)

Collapse
 
hosseinyazdi profile image
Hossein Yazdi

Helpful curation. Thanks for sharing. Here's also a good resource to find dev tools.

Collapse
 
dev_kiran profile image
Kiran Naragund

Thank you :)

Collapse
 
hosseinyazdi profile image
Hossein Yazdi

You're welcome Kiran!

Collapse
 
dedaldinodev4 profile image
Dedaldino Daniel

Man, Thank You!!!

Collapse
 
dev_kiran profile image
Kiran Naragund

You're welcome! :)

Collapse
 
brainquest profile image
BrainQuest

Thanks for sharing this information. I also find the Mozilla Developer website really useful when coding (developer.mozilla.org)

Collapse
 
dev_kiran profile image
Kiran Naragund

Thank you :)

Collapse
 
rcgny profile image
Ron Green

Thank you!!!🙂

Collapse
 
dev_kiran profile image
Kiran Naragund

You're welcome! :)

Collapse
 
vivi9876 profile image
Viv.esProcSPL

Great Article !

github.com/SPLWare/esProc

is also good !

Collapse
 
dev_kiran profile image
Kiran Naragund

Thanks :)

Collapse
 
abbeycity500 profile image
Arowolo Wahab Abiodun

Thanks so much for this masterpiece

Collapse
 
dev_kiran profile image
Kiran Naragund

You're welcome :)

Collapse
 
dev_kiran profile image
Kiran Naragund

Bookmarked🔖
Thanks for the suggestion!❤

Collapse
 
muhammadazhariqbal profile image
Muhammad Azhar Iqbal

Thanks for sharing

Collapse
 
dev_kiran profile image
Kiran Naragund

You're welcome :)

Collapse
 
sammiee profile image
sammie

Nice! Thank you for sharing. Saved
And I would like to recommend an 'All in one' web development tool -- ServBay. It's alternative to MAMP and XAMPP, but it's much easier to use and has more powerful features. And it saves web developers a significant amount of time in maintaining their development environments.

Collapse
 
dev_kiran profile image
Kiran Naragund

Glad you found it useful! :)
Thanks for the suggestion!
Just a heads up, ServBay works only on Mac OS.

Collapse
 
sammiee profile image
sammie

Yes, ServBay is MacOS only.
thanks your advice!:)

Thread Thread
 
dev_kiran profile image
Kiran Naragund

You're welcome!

Collapse
 
cfried profile image
Christian Fried

I love this and I also don't 😅

There are special websites for this ... when googling for frontend development tools, take frontenddogma.com/tools/ alone - it seems when looking at their lists of tools you could publish 150 articles about 5 tools each now 🥲

So what makes these 5 killer websites? Maybe explaining what makes these so special for you would help. Otherwise it looks like there are sites for this

Collapse
 
cfried profile image
Christian Fried

Actually I think the owner of that site has written a post just about this here on DEV 😂

dev.to/j9t/200-web-based-must-try-...

Collapse
 
shubhadip_bhowmik profile image
Shubhadip Bhowmik

Thanks for sharing these incredible resources! I've had the chance to explore a few of these tools, and they've been absolute game-changers in my project development process.

Flaticon has been my go-to for diverse icon options and their flexibility in different formats has been a lifesaver. Omatsuri is a true gem - having a suite of 12 tools in one place has streamlined my workflow immensely, especially the SVG Compressor and the Lorem ipsum generator. RapidAPI's extensive API collection has been invaluable, although the distinction between free and paid subscriptions is something I consider while integrating APIs.

Additionally, Storyset's customizable illustrations have significantly enhanced the visual appeal of my projects, especially for landing pages. Transform.tools, on the other hand, has been a quick-fix solution whenever I needed to convert elements on the fly.

Overall, these resources have not only saved me considerable time but have also elevated the quality of my projects. Looking forward to exploring more tools and incorporating them into my workflow!

Thanks for compiling these. Can't wait to see more suggestions in your next post!

❤️ Best,
Shubhadip Bhowmik

Collapse
 
dev_kiran profile image
Kiran Naragund

Thanks :)

Collapse
 
random_ti profile image
Random
Collapse
 
dev_kiran profile image
Kiran Naragund

Awesome post!💥
I'm also on Exercism - it's a great platform, and I'm a mentor too!🤓

Collapse
 
ahsan986 profile image
ahsan

Areon Network is paving the way for innovation with the launch of the Code AREA Hackathon, featuring a remarkable $500K prize pool! Dive into the future of technology and join the excitement at hackathon.areon.network/ Just search #WeAreOn #CodeArea $AREA

Collapse
 
yishai_zehavi profile image
Yishai Zehavi

These sites are awesome. Thanks for sharing!

Collapse
 
dev_kiran profile image
Kiran Naragund

Happy to hear that, thanks for reading!❤️

Collapse
 
wilmela profile image
Wilmela

Thanks for sharing.

Collapse
 
dev_kiran profile image
Kiran Naragund

My pleasure, thanks for reading! :)