Recursos para frontend devs

Iconos

• Yesicon: https://yesicon.app
• Icons8: https://icons8.com/icons
• Flaticon: https://www.flaticon.es

Formas

• Blobmaker: https://www.blobmaker.app
• Svgwave: https://svgwave.in

CSS

• Animaciones:
  • Animista: https://animista.net/play/basic/flip-scale/flip-scale-up-diag-1
  • Animate: https://animate.style
• Efectos:
  • Glassmorphism-generator: https://hype4.academy/tools/glassmorphism-generator
  • Cssgradient: https://cssgradient.io
  • Gradient-animator: https://www.gradient-animator.com
  • Shadows: https://shadows.brumm.af
• Componentes:
  • UI-buttons: https://ui-buttons.web.app
  • CSS-Loaders: https://cssloaders.github.io
  • UI-verser: https://uiverse.io
• Librerias:
  • Bootstrap: https://getbootstrap.com
  • Tailwind: https://tailwindcss.com
  • Bulma: https://bulma.io
  • Flowbite: https://flowbite.com/docs/components/sidebar/
  • Myna UI: https://mynaui.com
  • DaisyIU: https://daisyui.com/components/
  • Materialize: https://materializecss.com
  • Semantic-IU: https://semantic-ui.com/introduction/getting-started.html
  • Ant-Design: https://ant.design
  • Getuikit: https://getuikit.com

Plantillas:

• UI-dek: https://uideck.com/templates

Imagenes

• Banco de fotos:
  • Pexels: https://www.pexels.com/es-es/
  • Unsplash: https://unsplash.com/es
• Convertidor y tratamiento de imagenes:
  • Ilove-img: https://www.iloveimg.com/es
  • Online-convert: https://image.online-convert.com
  • Vectorizer: https://vectorizer.ai
  • Aiseesoft: https://www.aiseesoft.com/watermark-remover-online/#
  • Remove-bg: https://www.remove.bg
  • Squoosh: https://squoosh.app
  • Tinypng: https://tinypng.com
  • Img.Upscaler: https://imgupscaler.com/es

Colores

• HTML colors: https://html-color-codes.info/colors-from-image/
• Paletadecoloes: https://paletadecolores.com.mx

Extras

• Transformar a diferentes formatos: https://transform.tools/