Today I'll share my favourite tools and sites for productivity which will include working with images, animations, and fonts, to creating content for social media etc.

1. Poet.so

Capture and share Twitter posts as beautiful images. It makes sharing Twitter posts on other platforms more visual and attention-grabbing.

2. CSSGradient

CSS Gradient makes it dead simple to create fresh web gradients. Includes a collection of tools to help you level up your gradient game.

3. Lorem Picsum

Lorem Picsum is a placeholder generator for pictures, with lots of customization options. Provide parameters for your images directly in the URLs.

4. PFPmaker

PFPMaker generates professional profile pics from any photo. It uses background removal AI, beautifies your photo, and generates dozens of profile pic variations automatically.

5. Metatags.io

A tool to debug and generate meta tag code for any website. Preview how your webpage will look on Google, Facebook, Twitter, and more.

6. BrowserFrame

Easily wrap screenshots in browser frames. Drag-drop support. Generate screenshot from URL. Customize padding, scaling, background color.

7. Animista

Animista is a great tool for creating custom CSS animations with various effects. Once you created your animation, generate the code and integrate it into your project.

8. Readme.so

The editor allows you to quickly add and customize all the sections you need for your project's README.

9. Carbon

Create and share beautiful images of your source code.

10. Logo Ipsum

When in a rush to get a placeholder logo, feel free to use Logo Ipsum with tons of available choices and different logo designs fitting every need.

Let's connect with each other on Instagram, LinkedIn, GitHub, Twitter !