DEV Community

Cover image for 10+ Awesome SVG Shape Generators For Your Web Projects
Kiran Raj R
Kiran Raj R

Posted on

10+ Awesome SVG Shape Generators For Your Web Projects

#css #productivity #webdev #beginners

Here I list a few CSS shape generators, which can be included in your project, these generators produce svg codes, which can be copy-pasted into your project directly.

  1. Blob Maker Alt Text
  2. Squircley Alt Text
  3. Softr.io : SVG Shape Generator Alt Text
  4. Blobs Alt Text
  5. Chartgen Alt Text
  6. Outpan : Gradient Wave Generator Alt Text
  7. Wavelry Alt Text
  8. Softr.io : SVG Wave Generator Alt Text
  9. Getwaves.io : Wave Generator Alt Text
  10. SVGwave.in : Wave Generator Alt Text

  11. Haikei : Multiple Shape Generator
    Alt Text

  12. SVGwaves.io
    Alt Text

kiranrajvjd

10 Simple Toggle Switch Animation Using CSS And JavaScript

Kiran Raj R ・ Apr 29 '21

#javascript #css #webdev #productivity

kiranrajvjd

25+ Awesome CSS Code Generators For Your Next Project

Kiran Raj R ・ Apr 29 '21

#css #webdev #productivity #beginners

kiranrajvjd

10 Awesome GitHub Repos For Web Developers

Kiran Raj R ・ Apr 26 '21

#javascript #beginners #productivity #webdev

kiranrajvjd

12 Simple CSS Hover Effects

Kiran Raj R ・ Apr 26 '21

#css #beginners #codenewbie #webdev

kiranrajvjd

15+ Awesome CSS Animation Resources

Kiran Raj R ・ Apr 21 '21

#css #javascript #webdev #beginners

Top comments (14)

Collapse
 
fahaddevs profile image
Fahad Bin Faiz •

really awesome resources... thanks you so much

Collapse
 
kiranrajvjd profile image
Kiran Raj R •

good to hear the kind words, thank you

Collapse
 
bhavyakhandrika profile image
Bhavya Sri Khandrika •

Thank you sir for sharing such a valuable post with us.

Collapse
 
kiranrajvjd profile image
Kiran Raj R •

Your are welcome

Collapse
 
geetee profile image
GeeTee •

Great, thank for sharing

Collapse
 
kiranrajvjd profile image
Kiran Raj R •

You are welcome...

Collapse
 
balvinder294 profile image
Balvinder Singh •

Awesome list.
Thanks for sharing

Collapse
 
kiranrajvjd profile image
Kiran Raj R •

Happy to hear, the post is useful.

Collapse
 
machineno15 profile image
Tanvir Shaikh •

People like you make life easy.
😍😘. Thanks you mahn

Collapse
 
kiranrajvjd profile image
Kiran Raj R •

Happy to help 🙂

Collapse
 
virgin2378hybrid profile image
virgin2378-hybrid •

that's greaat.....

Collapse
 
kiranrajvjd profile image
Kiran Raj R •

Thank you

Collapse
 
khalil06 profile image
Khalil •

helpful ressources

Collapse
 
lalo_cr profile image
Mr. r0b0tc •

Great post!
Thanks

Read next

borysshulyak profile image

High Level requirements and purposes

Boris Shulyak -

prast profile image

Launching a website offline without the Internet using Service Worker (English version)

Ramzan -

prasetyomuhdwi profile image

Setup path aliases in React + Vite + TS Project 🤓

Muhammad_Dwi_Prasetyo -

maame-codes profile image

PYTHON LOGICAL OPERATORS

Maame Afia Fordjour -