2

Listado de Recursos

Stelin
Stelin
23117
<h1>Recursos Frontend</h1>

Te traigo una lista de recursos gratuitos para desarrollo frontend que he logrado recopilar
Espero que te sean ayuda para tus próximos proyectos


<h3>Iconos</h3>

FontAwesome
Uno de los más populares icon toolkit, tiene versión gratis y premium

Iconmonstr
Cuenta con más de 4000 iconos con diferentes formatos

Heroicons
Cuenta con 230 iconos de estilo Outline y Solid

useAnimations
Una de mis opciones favoritas, cuenta con iconos animados 🤗

Tabler Icons
Cuenta con las de 1000 personalizables


<h3>Fuentes</h3>

FontSpark
Genera de forma aleatoria fuentes populares

Google Fonts
Uno de los sitios más populares para buscar fuentes

fontspace
Tiene más de 79000 fuentes gratuitas


<h3>Colores</h3>

Flat UI Colors 2
Tiene una enorme cantidad de paletas de colores que puedes utilizar en tus proyectos

Color Hunt
Mi opción favorita en este apartado, te muestra paletas de 4 colores, se pueden filtrar por popularidad

Gradient Backgrounds
Nos brinda una paleta de gradientes, y nos permite generar propios.


<h3>Ilustraciones / Imagenes</h3>

Blush
Nos brinda colecciones de ilustraciones, algunas son gratuitas otras de versión PRO

Pexels
Banco de fotos y videos de stock gratuitos

illlustrations
Tiene más de 100 ilustraciones de uso gratuito

Kaboompics
Banco de fotos de stock gratuitas

error404
Nos bridan ilustraciones gratuitas para añadir a nuestras páginas 404


<h3>Animaciones</h3>

Animate.css
Librería de animaciones CSS

Greensock
Librería de JS bastante poderosa para manejar animaciones

SpinKit
Nos brida spinners de carga con animaciones - CSS

Animista
Interfaz para crear nuestras animaciones CSS

CSSeffects
Repositorio que nos brinda el código CSS para realizar animaciones


<h3>Extensiones</h3>

Para finalizar esta lista aquí tienes ciertas extensiones para navegador que te pueden ser utiles

ColorZilla
Nos permite extraer colores utilizados en páginas web

WhatFont
Nos permite identificar las fuentes en páginas web

BrowserStack
Para probar nuestra web en cualquier navegador web

Web Developer
Nos brinda varias herramientas de desarrollo

Escribe tu comentario
+ 2