DEV Community: wuyasong

Recommend 12 free productivity tools! Make your work more effective with less effort!

wuyasong — Wed, 10 Apr 2024 08:31:58 +0000

This article will introduce 12 excellent free productivity tools that can make your work more effective and improve your work efficiency. Whether you're a developer, designer, student, or office worker, these tools can help you do your job better. Try it now!

1.Lorem Picsum

Lorem Picsum is a free picture placeholder service that can be used on websites, apps, or anywhere a placeholder image is needed. It provides a simple API that can obtain random images through HTTP requests, and can also specify specific image sizes and other parameters. Lorem Picsum also provides a website where pictures can be browsed and downloaded. These images are uploaded by photographers from the Unsplash community and are free for personal and commercial use.
URL: https://picsum.photos/

2.Remove.bg

Remove.bg is an online tool that can automatically remove the background from a picture, leaving only the foreground objects. It can handle various types of images, including people, animals, products, and more. Using Remove.bg is very simple, just upload an image and it will automatically recognize and remove the background and generate a transparent PNG image. In addition to online tools, Remove.bg also provides APIs that can be integrated into applications. Remove.bg's algorithm is based on artificial intelligence and machine learning technology, which can process a large number of pictures in a short time, and the removal effect is very precise.
URL:https://www.remove.bg/

3.PPFmaker

PPFmaker is a free online tool that helps users create personalized avatar images. It offers a wide variety of templates and tools that allow users to create unique avatars easily. Users can upload their own photos, or use images and icons from the library provided by PPFmaker. PPFmaker also provides various editing tools, such as cropping, rotating, adjusting brightness and contrast, etc., allowing users to further process images. The resulting avatar can be saved in PNG or JPG format and can be used directly on social media, chat apps, and more.
URL:https://pfpmaker.com/

4.Compressor.io

Compressor.io is a free online image compression tool that helps users reduce the size of image files so that web pages or applications load faster. It supports image files in JPEG, PNG, GIF and SVG formats and can compress them to the smallest file size while maintaining high image quality. Compressor.io is very simple to use, just upload the image file you want to compress and it will automatically compress it and display the compressed file size and quality. Users can also choose different compression options, such as compression quality, image size, color depth, and more, for better control over compression effects. The final compressed image can be downloaded directly or shared to social media.
URL:https://compressor.io/

5.CSSGradient

CSSGradient is an online tool that helps users create custom CSS gradient backgrounds. It provides a simple interface that allows users to choose different colors and gradient types, such as linear gradients, radial gradients, repeating gradients, and more. Users can create their favorite gradient effect by dragging and adjusting control points, and can preview the gradient effect in real time. CSSGradient also provides some advanced options, such as adding transparency, setting angle and direction, adjusting the position of the gradient, and more for better control over the gradient effect. The final generated CSS code can be directly copied to the project for use, which is very convenient.
URL:https://cssgradient.io/gradient-backgrounds/

6. The logo itself

Logo Ipsum is an online tool that helps users quickly create custom brand logos. It provides a simple interface that allows users to choose different icons, fonts and colors, as well as add their own text and slogans. Users can create their favorite logo effects by dragging and adjusting control points, and can preview the logo effects in real time. Logo Ipsum also provides advanced options such as adjusting the size and position of the icon, changing the font style and color, adding shadows and borders, and more for better control over the logo effect.
URL:https://logoipsum.com/

7.Carbon

Carbon is a free online code screenshot tool that helps users create beautiful code screenshots for use in blogs, social media, or presentations. It provides a simple interface that allows users to enter their own code and choose different themes, fonts, and color schemes. Users can also adjust the code alignment, line numbers, background, shadow, etc. to better control the screenshot effect. Carbon also supports code in multiple languages, such as JavaScript, Python, HTML, CSS, etc., and can automatically highlight code keywords.
URL:https://carbon.now.sh/

8.Poet.so

Poet.so is a free online tool that helps users create beautiful code snippet highlighted screenshots. It provides a simple interface that allows users to enter their own code and choose different themes, fonts, and color schemes. Users can also adjust the code alignment, line numbers, background, shadow, etc. to better control the screenshot effect. Poet.so also supports code in multiple languages, such as JavaScript, Python, HTML, CSS, etc., and can automatically highlight code keywords. The final generated screenshots can be directly downloaded or shared to social media, which is very convenient. Unlike other similar tools, Poet.so also supports converting code snippets into Markdown format for better embedding into documents.
URL:https://poet.so/

9.BrowserFrame

BrowserFrame is a free online tool that helps users embed web page screenshots into browser frames to better display web page effects. It provides a variety of browser frameworks and device types, such as desktop browsers, mobile devices, tablets, etc. Users can choose different frameworks and device types according to their needs. Users only need to enter the URL of the web page to be displayed, and BrowserFrame will automatically load the web page and generate a browser frame screenshot. Users can also adjust the size, color, and style of the browser frame to better suit their needs.
URL:https://browserframe.com

10.Metatags.io

Metatags.io is a free online tool that helps users create custom web page meta tags. It provides a simple interface that allows users to enter information such as their web page title, description, keywords, and images, and generates the corresponding meta tag code. Metatags.io also supports meta tags for multiple social media platforms, such as Facebook, Twitter, LinkedIn, etc., allowing users to better control the display effect of web pages on social media. Users can use the preview function to see the effect of the meta tag and make adjustments as needed. The final generated meta tag code can be directly copied to the web page for use, which is very convenient. Metatags.io also provides some useful tools such as checking whether web page meta tags are correct, generating QR codes, and more.
URL:https://metatags.io/

11.Favicon.io

Favicon.io is a free online tool that helps users create custom favicons. It provides a simple interface that allows users to choose different icon types, sizes, and styles such as circle, square, rounded corners, and more. Users can upload their own image files or use icons from the library provided by Favicon.io. Favicon.io also offers advanced options like adding transparency, adjusting icon position and size, changing background color, and more for better control over icon effects. The final generated Favicon can be directly downloaded or saved to the cloud, which is very convenient. Favicon.io also provides some useful tools, such as converting Favicon to Apple Touch Icon, Android Chrome Icon, and more.
URL:https://metatags.io/

12.Unminify

Unminify is a free online tool that helps users restore minified JavaScript, CSS, and HTML code to an easy-to-read and understand format. It provides a simple interface that allows users to paste the compressed code into the input box and click the "Unminify" button to restore the code. Unminify also supports a variety of code formats, such as single line, multi-line, obfuscation, etc., and can automatically identify and restore code. The final generated code can be copied directly to the editor for use, which is very convenient. Unminify also provides some advanced options, such as adjusting indentation, removing comments, formatting code, etc., for better control over code effects.
URL:https://unminify.com/

After the last product launch, I spent 2 days developing a website to make AI ICONS

wuyasong — Sat, 30 Mar 2024 15:01:04 +0000

Talk about a little about my recent experience developing a site
Using nextjs to develop a project again, different from the last ai wallpaper station, I have been familiar with the whole link of developing products with nextjs full-stack. The last product development was almost from scratch, from front-end technology, oauth, graph bed to database, every link had to be explored for a long time, and it took a month on and off. This time, it only took 2 days to develop the icon making station after finding out.
About making ICONS, I have observed many other AI-generated icon websites. They are very powerful. In addition to quickly generating ICONS through prompts, you can also customize colors, styles, etc. However, each has its own advantages and disadvantages, part of the icon generation is not quite in line with the aesthetic 😂, most of the use scenarios are not the same, so we made an icon station for mobile application scenarios, and now only supports the input of English prompt words.
Link to experience: 👉 : http://iconai.pro
At present, the general process has been completed, and there are still many details to be improved. It is necessary to pay attention to the following: in order to get the desired icon, such as: "icon design for shopping", etc.

After the last product launch, I spent 2 days developing a website to make AI ICONS

wuyasong — Sat, 30 Mar 2024 15:00:56 +0000

Made an AI generated wallpaper tool

wuyasong — Sat, 30 Mar 2024 14:58:50 +0000

Hello, everyone.

I’d like to introduce you to a brand new product in the wallpaper market — our AI wallpaper generation website. It not only provides a new way to choose wallpaper, but also shows the perfect combination of technology and art.

try: https://aiwallpaper.cc

Product Introduction

Our website https://aiwallpaper.cc is committed to providing high-quality, personalized wallpapers to meet your pursuit of beauty. Our wallpapers are all generated by AI algorithms that are optimized based on a large amount of artwork and user feedback. Each wallpaper is unique and adds a different aesthetic to your device.

What makes it unique

High quality: Generate good quality images based on your description to ensure high definition and high quality wallpaper.

Live update: This model takes care of the details better to provide wallpapers more in line with your preferences.

How to use

Open our website, input prompt, click “Generate” to get your own wallpaper.
The generated wallpaper supports free download of the original image in HD
You can click like or like to save to your personal account
Feel free to contact us if you have any questions or requirements.
Our AI wallpaper website is a personalized, high-quality, real-time updated wallpaper platform. We look forward to your joining us to explore the beauty of art together. Whether you are an art lover, or a consumer looking for novel wallpapers, we will provide you with the best experience. Our website is https://aiwallpaper.cc.

Thank you for reading and look forward to sharing the art with you.

Make your GitHub profile more beautiful and useful with this small tool, github profile generator tool

wuyasong — Mon, 29 Jan 2024 06:43:19 +0000

Took a few days to launch a GitHub profile README generator! You can create a beautiful README file in minutes without writing any code! Welcome to try! Here you can find some gadgets to make your GitHub profile more lively and interesting.

Various things can be added to the README file:

Your name and introduction
Your social media links, such as Twitter, LinkedIn, Instagram, etc
Your stack and tools like Python, JavaScript, VS Code, etc
Your GitHub statistics like visits, followers, contributions, etc
Your latest blog post, project, or other work
Your donation link, like Buy Me A Coffee, etc

Experience the address: https://githubprofile.com
Github: https://github.com/wuyasong/github-profile-generator

If you like my tool, feel free to give me a star, or leave your feedback and suggestions. 😊