DEV Community

The Productive Developer
The Productive Developer

Posted on • Edited on

4

13 CSS website that will make you a Genius even if you’re A Beginner Developer ( For Free ) 👇

  1. animista.net

A library of pre-made Css animation to include in your next Project

Animista - CSS Animations on Demand
Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use https://animista.net

  1. cssgradient.io

Gradient and Backdrop will no more be difficult for you

CSS Gradient — Generator, Maker, and Background
As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
https://cssgradient.io

  1. cssgrid-generator.netlify.app

Do you get Confused when using Css Grids? Well this website provide a ui that you can tweak to create the number of columns and rows you want from Css grid
https://cssgrid-generator.netlify.app

  1. Make css waves and download straight your mobile or laptop isn’t that Cool 😎

Get Waves – Create SVG waves for your next design

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!
https://getwaves.io

  1. 3D Book cover Generator

3D Book Image CSS Generator
Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.

https://3dbookcovergenerator.netlify.app

  1. If you’re a fan of creating shadows this website is for you

Multiple Box Shadow Generator - HTMLCSSFreebies

CSS Multiple Box Shadow Generator Multiple box-shadow generator helps you create fantastic box shadows by using multiple layers.

https://htmlcssfreebies.com/box-shadow-generator-multiple/

  1. Css Ribbon Creator

CSS Ribbon Generator - CSS Portal
This generator will assist you in creating a pure CSS corner ribbon.
CSS ribbons can be used when you want to display something important or eye catching to the user,

https://www.cssportal.com/css-ribbon-generator/

  1. If you like Minimalistic Design the. This is for you.

Neumorphism/Soft UI CSS shadow generator

It’s a CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.

https://neumorphism.io

  1. Create your own custom Color pallete from this website

Coolors - The super fast color palettes generator!
Generate or browse beautiful color combinations for your designs.

https://coolors.co

  1. We all know how fancy Border radius are here is where to generate them

Fancy Border Radius Generator
Generator to build organic shapes with CSS3 border-radius

https://9elements.github.io/fancy-border-radius/

  1. Create your website Projects Favicon with ease

Build your favicon in seconds!
Design a letter-based favicon like most big tech companies, or be playful and create an emoji-based favicon.
Modern browsers supports SVG favicon. Be creative.

https://formito.com/tools/favicon

  1. Profile picture maker

Free Profile Picture Maker - Create an awesome profile pic from any photo
Easily create a perfect profile picture and get 14x times more views & 36x times more chances to receive a message. Upload your photo and instantly get dozens of designs generated with AI

https://pfpmaker.com

  1. Css Triangle generator

https://omatsuri.app/triangle-generator

That's the wrap!

If you enjoyed this thread, follow me
@ThePdeveloper on twitter
for more tips on tech tools, and becoming a productive Developer.

Here is the original Twitter thread

This is one of many Twitter threads that i release everyday

Enjoy 🥂

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay