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⏱.
ThemeSelection (Sponsored)
ThemeSelection platform offers a wide variety of premium and free admin dashboard templates and UI kits for various frameworks like Bootstrap, NextJS, React, Vue, Laravel, Django, and ASP.NET. Their templates are designed to help developers create the user interface for the admin side of web applications efficiently.
Checkout these trending dashboard templates:
- Sneat Free Bootstrap Admin Template
This template is perfect for anyone looking to build a powerful and flexible web app. This Bootstrap admin template free is built with the latest Bootstrap 5. Besides, it's completely open-source, & offers a modern design with a fully responsive layout.
It Includes all essential UI components, pre-built pages, and widgets. It's easy to customize and comes with detailed documentation.
- Materio MUI Next.Js Admin Template
This admin dashboard template is built with MUI 5 (Material-UI) and Next.js. Furthermore, this NextJS Admin Dashboard template offers a clean, modern design and is perfect for building high-performance admin interfaces. It comes with an App router & SSR support.
It's Fully responsive, includes various UI components, and is easy to integrate with other libraries and frameworks.
Explore their Admin Templates, UI Kits, and Bundle deals!
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.
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.
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.
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.
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.
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 (49)
Helpful curation. Thanks for sharing. Here's also a good resource to find dev tools.
Thank you :)
You're welcome Kiran!
Man, Thank You!!!
You're welcome! :)
Thanks for sharing this information. I also find the Mozilla Developer website really useful when coding (developer.mozilla.org)
Thank you :)
Thank you!!!🙂
You're welcome! :)
Thanks so much for this masterpiece
You're welcome :)
Bookmarked🔖
Thanks for the suggestion!❤
Thanks for sharing
You're welcome :)
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.
Glad you found it useful! :)
Thanks for the suggestion!
Just a heads up, ServBay works only on Mac OS.
Yes, ServBay is MacOS only.
thanks your advice!:)
You're welcome!
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
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-...
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
Thanks :)
Some comments may only be visible to logged-in visitors. Sign in to view all comments.