DEV Community

Harsha Vardhan
Harsha Vardhan

Posted on

10 2

Useful resources for web developersđź–Ą

🔨50+ free tools and resources to create awesome user interfaces 👇

1.Photos & Videos 👇
https://coverr.co/
https://mixkit.co/
https://www.pexels.com/
https://photos.icons8.com/creator
https://www.unscreen.com/
https://www.remove.bg/
https://generated.photos/faces
https://duotone.shapefactory.co/

2.Illustrations 👇👇

https://www.openpeeps.com/
https://usesmash.com/
https://opendoodles.com/
https://control.rocks/
https://icons8.com/ouch
https://getavataaars.com/
http://knutsynstad.com/fauxcode/

3.Palette👇👇

https://colormixer.web.app/02007115ff623007ff9bc91b64440301ffff7c5f55610300/Sunset
https://cssgradient.io/
https://colorsinspo.com/
https://www.colorhexa.com/index.php
https://mycolor.space/
https://palettte.app/
https://colorable.jxnblk.com/

4.Typography 👇👇

https://freebiesbug.com/free-fonts/
https://fontsarena.com/
https://befonts.com/
https://www.fontsquirrel.com/
https://fontjoy.com/
https://type-scale.com/

5.Animations & Effects 👇👇

https://brumm.af/shadows
https://emilkowalski.github.io/css-effects-snippets/
https://wweb.dev/resources/css-separator-generator
https://animista.net/
https://shopify.github.io/draggable/
https://tympanus.net/Development/BlockRevealers/index.html

6.Iconography 👇👇

https://iconstore.co/
https://css.gg/
https://nucleoapp.com/tool/icon-transition
https://tilda.cc/free-icons/
https://ikonate.com/
https://akveo.github.io/eva-icons/#/
https://icons8.com/animated-icons

7.Patterns & Shapes 👇👇

https://bansal.io/pattern-css#triangles
https://getwaves.io/
https://www.blobmaker.app/
https://msurguy.github.io/rad-lines/
https://products.ls.graphics/paaatterns/
https://www.scribbbles.design/

8.Utility 👇👇

https://nucleoapp.com/
https://www.checklist.design/
https://designsystemsrepo.com/design-systems-recent/
https://csspeeper.com/
https://icons8.com/upscaler

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (1)

Collapse
 
hzrcan profile image
Hizir Can •

Thanks, there are some useful resources.

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more