contributing guidelines antes de enviar nuevos recursos. Sitios web y recursos con componentes de UI modernos en diferentes formatos como PSD, Sketch, Figma, etc. Son excelentes para ideas para componentes web/UI.
| Sitio web | Descripción |
|---|---|
| ondas sinusoidales SVG | Exporte ondas sinusoidales perfectas como SVG para sus proyectos front-end |
| Diseño de interfaz de usuario diario | Impresionantes componentes de interfaz de usuario de todo tipo |
| 100 UI diarias | Biblioteca Figma gratuita de productos, elementos y pantallas |
| Fuentes de la aplicación Sketch | Dibuje interfaces de usuario, estructuras alámbricas, íconos y mucho más |
| humanos | Geniales ilustraciones de personas con la capacidad de mezclar y combinar. |
| Patrones | Colección gratuita de hermosos patrones para todos los formatos vectoriales. |
| 404 ilustración | Ilustraciones gratuitas para 404 páginas. |
| Drawkit.io | Ilustraciones para diseñadores y startups. |
| Absurdo.diseño | Ilustraciones surrealistas gratuitas para diseñadores y desarrolladores. |
| Undraw.co | Ilustraciones de código abierto para cualquier idea que puedas imaginar y crear. |
| Muchospixels.co | Ilustraciones monocromáticas e isométricas de alta calidad. |
| Píos abiertos | Biblioteca de ilustraciones dibujadas a mano |
| InvisionApp | Biblioteca de kits de interfaz de usuario, paquetes de iconos y maquetas gratuitos y de alta calidad |
| Garabatos abiertos | Un conjunto gratuito de ilustraciones incompletas |
| Avatares | Biblioteca de bocetos gratuita de ilustraciones de avatares de Pablo Stanley |
| Rubor | Ilustraciones personalizables gratuitas con el complemento Figma |
| Patrones de héroe | Una colección de patrones de fondo SVG repetibles |
| Patrones BEAUBUS | Un conjunto de más de 150 patrones SVG (fondos) gratuitos |
| Diseño IRA | Una colección de ilustraciones en degradado de código abierto creada por Creative Tim. |
| Texturas transparentes | Una colección de patrones de fondo de texturas transparentes. |
| iconos8.com/ilustraciones | Ilustraciones vectoriales para darle clase a tu proyecto |
| Patrónico | Creador de patrones sin fisuras |
| Ilustraciones pixeladas | Ilustraciones animadas gratuitas |
| API de avatar de usuario abstracto | API para crear avatares de usuario simples pero flexibles a partir de nombres de usuario o correos electrónicos |
| bosquejovalle | Descarga gratis un archivo PNG, SVG o AI. |
| Patrón Pad | Diseños de patrones únicos gratuitos e ilimitados. |
| Dimensiones | Dimensions.com es una base de datos de referencia continua de dibujos acotados que documentan las medidas y tamaños estándar de los objetos y espacios cotidianos. |
| Error de regalos | Recursos cuidadosamente seleccionados para diseñadores y desarrolladores web, constantemente actualizados. |
| flexible | Una nueva ilustración de código abierto y de alta calidad cada día. |
| Texto genial | Cool Text es un generador de gráficos GRATUITO para páginas web y cualquier otro lugar donde necesites un logotipo impresionante sin mucho trabajo de diseño. |
| kit de ilustración | Ilustraciones premium de código abierto agregadas diariamente |
| Generador de patrones de adornos | Crea patrones únicos, fluidos y libres de regalías. |
| Monstruo de patrón | Un sencillo generador de patrones en línea para crear patrones SVG repetibles |
| Ejemplar | Biblioteca de avatares gratuita para Figma y Sketch |
| UIBundle | Miles de recursos de diseño gratuitos como kits de interfaz de usuario, maquetas, ilustraciones, íconos, fuentes, recursos 3D, plantillas y más. |
| openby.diseño | Recursos de diseño de UI gratuitos y personalizados, para proyectos personales y comerciales. No se requiere atribución. |
| Diseño de rayas | Crea hermosas ilustraciones, no se necesitan habilidades de diseño. |
| HOLA SVG! | Un área de juegos SVG para compartir cosas SVG. |
| symu.co | Plantillas gratuitas, kits de interfaz de usuario, iconos, PSD |
| Degradado de malla | Genera y descarga hermosos degradados de malla. |
| Degradados de sombra CSS | Genere degradados CSS para sombras. |
| Creatica | Genere fondos y patrones únicos, hermosos y únicos. |
| Avatares aburridos | SVG colecciones aleatorias y lindas de avatares |
| HTML para diseñar | Convierta cualquier sitio web en diseños Figma totalmente editables |
| combustible | colección de herramientas de color y generadores SVG gratuitos para degradados, patrones, texturas, formas y fondos |
Sitios web que ofrecen fuentes gratuitas y herramientas basadas en fuentes
| Sitio web | Descripción |
|---|---|
| Fuentes de Google | Biblioteca de alrededor de 1000 familias de fuentes con licencia gratuita |
| DaFont | Archivo de fuentes descargables gratuitamente |
| Usar y modificar | Selección personal de tipos de letra hermosos, elegantes, punk, profesionales, incompletos y extraños. |
| 1001 fuentes gratuitas | ¿Creo que el nombre habla por sí solo? |
| Fuente Ardilla | Font Squirrel busca en Internet fuentes de alta calidad y legítimamente gratuitas |
| Tela de fuentes | Una fundición de tipografía digital que crea fuentes comerciales y tipografía personalizada para varias marcas. |
| Solo fuentes gratuitas | Una colección cuidadosamente seleccionada de fuentes gratuitas, de código abierto y de dominio público destinadas a uso comercial. |
| Pelea | Una herramienta de diferenciación de tipos que contrasta visualmente las diferencias entre dos fuentes |
| Práctica de TypeKit | Aprende sobre prácticas de tipografía. |
| fontjoy | Genere emparejamiento de fuentes con un solo clic |
| proporción áurea | Calculadora de tipografía de proporción áurea |
| FuenteObtener | Tiene una variedad de fuentes disponibles para descargar y ordenarlas cuidadosamente con etiquetas. |
| Par de fuentes | Te ayuda a emparejar fuentes de Google |
| Espacio de fuente | Un sitio web de fuentes gratuito centrado en el diseñador que tiene vistas previas rápidas y personalizables |
| Fuentes abstractas | Fuentes gratuitas para uso personal y comercial. |
| Tipografía libre | Una lista de fuentes de alta calidad. |
| León Sans | Una tipografía sans-serif geométrica hecha con código |
| lexend | Se ha demostrado empíricamente que una fuente variable mejora significativamente la competencia lectora |
| Fuentes para plataformas Apple | Obtenga los detalles, marcos y herramientas que necesita para usar fuentes del sistema para plataformas Apple en sus aplicaciones |
| SFWin | Fuentes de San Francisco para Windows 10 y plataformas que no sean Apple |
| Aleta de fuente | Obtenga una vista previa de más de 800 fuentes de Google además de sus propios diseños, sin tener que descargar las fuentes |
| Arena de fuentes | Fuentes seleccionadas gratuitas |
| fuentes | Fuentes de alta calidad gratis |
| fuentes árabes | fuentes árabes gratis |
| fuente | Manera sencilla y fácil de ver el contenido de los archivos de fuentes. |
| Fundición abierta | Plataforma GRATUITA para tipos de letra seleccionados de código abierto |
| Glifo | Sube tus propios SVGS y conviértelos en archivos de fuentes. Útil si desea cargar una biblioteca más pequeña |
| Ayudante de fuentes web de Google | Una forma sencilla de alojar fuentes de Google por su cuenta |
| Fuente áspera impresionante | Cuando RoughJS se encuentra con Font Awesome |
| Fuentes | Fuentes elegantes gratis |
| Fuentes malayalam | Fuentes malayalam gratuitas mantenidas por Swathanthra Malayalam Computing (SMC) |
| Fuentes para desarrolladores | Encuentra y usa las fuentes de codificación gratis |
| Fuente M | Fuente gratuita que puedes descargar para codificación y diseño de materiales |
| Fuentes W | Descargar fuentes gratis |
| Editor de tipografía fluida y moderna | La tipografía fluida es una forma moderna de abordar la tipografía responsiva. |
| Fuentes urbanas | Una colección de más de 8000 fuentes y dingbats gratuitos |
| Typespiración | Combinaciones de fuentes inspiradoras y paletas de colores |
| Fuente de fuente | Fuentes de código abierto autohospedadas en paquetes NPM cuidadosamente empaquetados. |
| FuenteBolt | Descubre y genera tus fuentes favoritas de la cultura pop. |
| fuente compartida | Fontshare es un servicio de fuentes gratuito de Indian Type Foundry (ITF), que hace que las fuentes de calidad sean accesibles para todos. |
Sitios web y recursos que ayudan con las opciones relacionadas con los colores.
| Sitio web | Descripción |
|---|---|
| laboratorio de colores | Cree paletas de colores, degradados, escalas de colores y compruebe el contraste, todo en un solo lugar. |
| Color Brewer 2 | El generador de paleta de colores original, que también admite el daltonismo. Probablemente la mejor opción científicamente. Probablemente tampoco sea el más bonito. |
| Hueton | Una herramienta para crear sistemas de color accesibles. |
| Colormind.io | Generador de paleta de colores |
| ColorCurves.aplicación | Generador de paleta de colores que utiliza curvas para generar paletas de colores. |
| ColorDegradado | Una herramienta gratuita para crear visualmente degradados CSS simples y complejos |
| Refrigeradores | Crea la paleta perfecta o inspírate con miles de hermosas combinaciones de colores. |
| Colores de la interfaz de usuario | Generador de paleta de colores CSS Tailwind |
| Códigos de color HTML | Obtenga códigos de color HTML, códigos de color hexadecimales, valores RGB y HSL con nuestro selector de color, tabla de colores y nombres de colores HTML |
| Colores y fuentes | Una biblioteca seleccionada de colores, fuentes y recursos. |
| Lista de paletas | Elija 2 colores que le gusten y la herramienta generará miles de paletas para usted. |
| Herramienta de color de materiales de Google | Herramienta oficial de paleta de colores de materiales de Google |
| Paleta de materiales | Libre de elegir paletas, íconos y colores para Material Design |
| Espacio de colores | Genera bonitas paletas de colores a partir de un color |
| FlatUIColors | Hermoso conjunto de paletas de colores en varios sabores. |
| color adobe | Crea paletas de colores, extrae degradados de imágenes, etc. |
| Coloresinspo | Recurso todo en uno para encontrar todo sobre los colores |
| ColoresPared | Lugar para almacenar tus paletas de colores y generar paleta con un solo clic. |
| Happyhues | Happy Hues es un sitio de inspiración de paletas de colores que actúa como un ejemplo del mundo real de cómo Mackenzie Child podría utilizar los colores en sus proyectos de diseño. |
| Tendencias de Adobe | Descubra las tendencias de color actuales en diferentes industrias de las comunidades creativas en Behance y Adobe Stock. |
| Búsqueda de colores | Una plataforma abierta y gratuita para inspirarse en el color con miles de paletas de colores modernas cuidadosamente seleccionadas. |
| Caza de gradiente | Una plataforma abierta y gratuita para inspirarse en degradados con miles de degradados de color modernos cuidadosamente seleccionados |
| Degradados web | Un sitio web gratuito para encontrar buenos degradados CSS |
| Caja de colores | Un sitio web gratuito para producir conjuntos de colores. |
| gradiente CSS | Un sitio web gratuito para hacer degradados personalizados y algunos ejemplos de degradados. |
| gradiente | Un gradiente puro css y jpg. |
| Degradados de interfaz de usuario | Generador de color de gradientes de interfaz de usuario |
| Generador de paletas | Genera una nueva paleta de colores con cada pulsación de la barra espaciadora |
| Paletas de materiales | Más de 1000 paletas de diseño de materiales |
| Grabiente | Selector de degradado |
| SombraLavado | Genera rápidamente tonos de cualquier color. |
| MarcaColores | La mayor colección de códigos de colores oficiales de marcas. |
| PALETAS DE MARCA | Códigos de colores y paletas de logotipos |
| Generador de paletas de diseño de materiales | Generar tema y paleta de colores Material Design-like |
| colorear | Herramienta de combinación de colores para diseñadores y desarrolladores. Esto te ayudará a inspirarte y te servirá como recurso para tu trabajo de color. |
| 0to255 | Una herramienta de color que facilita aclarar y oscurecer colores. Es perfecto para estados flotantes, fronteras, gradientes y más. |
| Mezclador de colores | Una herramienta que muestra los colores del punto medio entre dos colores. |
| Botones de degradado | Botones de degradado listos para usar para copiar/pegar |
| croma | Khroma usa IA para saber qué colores te gustan y crea paletas ilimitadas para que las descubras, busques y guardes. |
| quién puede usar | Una herramienta que llama la atención y comprende cómo el contraste de color puede afectar a diferentes personas con discapacidad visual. |
| De colores | Probador de contraste de combinación de colores |
| Selector hexagonal de color | Herramienta para obtener código hexadecimal junto con el nombre del color. |
| Saruwakakun | La impresionante combinación de colores para diseños de sitios web y aplicaciones con vistas previas |
| paleta | Paletton.com es una herramienta de color de diseño diseñada para crear combinaciones de colores que combinan bien. |
| Colorzilla | Un potente editor de gradientes CSS en línea similar a Photoshop |
| Editor de degradado CSS | Es posible que solo necesites esta herramienta para crear fondos y patrones degradados CSS. |
| Selector de color de imagen | Selector de color de imagen y generador de paleta |
| CombinaCOLORES | herramienta de mezcla de colores |
| Amantes del color | Mostrará los esquemas de color que son populares en el mundo exterior. |
| Color HTML CSS | Herramientas gratuitas en línea de Color (EE. UU.) o Color (Británico): información, generador de degradado, ruedas de color, etc. |
| Códigos de colores hexadecimales | Obtiene códigos de color HTML, códigos de color hexadecimales, valores RGB y HSL con nuestro selector de color, tabla de colores y nombres de colores HTML. |
| CoolHue 2.0 | Una herramienta gratuita que muestra diferentes ejemplos de degradados en formato CSS y PNG |
| Colores.jajaja | Interesantes paletas de colores generadas por un bot de Twitter, hay códigos hexadecimales y nombres descriptivos para cada color. |
| colores.dopely | Generador de paletas de colores súper rápido y simple; las paletas se pueden guardar y compartir en segundos. |
| Selector de color UI | Una colección de colores de interfaz de usuario con códigos hexadecimales disponibles para copiar con un solo clic. |
| Color hexagonal | Color-hex brinda información sobre los colores, incluidos los modelos de color (RGB, HSL, HSV y CMYK) y genera un código CSS simple para el color seleccionado. |
| FarbVelo | Un generador de paleta de colores aleatoria |
| Color de la terraza | Explore paletas de colores creadas por otros diseñadores, genere y envíe las suyas propias |
| Dúo | Duo es una colección de combinaciones de colores que he seleccionado a partir de proyectos personales o que he encontrado en la web. |
| Lista de paletas de Lospec | La lista de paletas de Lospec es una base de datos de paletas para pixel art. |
| Aplicación Paleta | Cree combinaciones de colores suaves que fluyan de un color a otro. |
| Radiantes de huevo | Colores de fondo degradados con huevos. |
| gradientes | Encuentre y pruebe gradientes fácilmente. |
| enciclopedia | Sitio web para hacer referencia a los colores web. Conocimiento del color, colores web, códigos de color hexadecimales. |
| croma | Potentes herramientas de color que incluyen un cuentagotas, un selector de color y un generador de paletas. |
| Diseñador de colores | Un generador de degradado de un color. |
| duotono | Encuentre hermosas imágenes duotono gratuitas para usar en cualquier proyecto, o cree imágenes duotono personalizadas cargando su propia imagen y aplicando un efecto duotono en segundos. |
| generador de fondos geniales | Explore una selección bellamente seleccionada de fondos interesantes que puede agregar a blogs y sitios web. |
| Generador de tonos de color | Podemos generar rápidamente tonos de color de nuestros colores favoritos o cualquier color, para crear plantillas o componentes CSS con múltiples tonos de color y herramientas más útiles disponibles en el mismo sitio. |
| Hueminta | Huemint utiliza el aprendizaje automático para crear combinaciones de colores únicas para su marca, sitio web o gráfico. |
| Creador de paleta InclusiveColors | Cree paletas de colores personalizadas y accesibles al estilo Tailwind, donde puede modificar las curvas HSL en muestras completas, verificar el contraste WCAG/APCA y luego exportar a Tailwind/CSS/Figma/Adobe. |
Recursos para íconos que incluyen png, svg y más
| Sitio web | Descripción |
|---|---|
| Iconos circunstantes | Íconos consistentes de código abierto como SVG para React, Vue y Svelte |
| UXWing | Iconos gratuitos y bien optimizados para uso comercial. |
| Iconclub de Shapefonts | Más de 8000 iconos gratis |
| Iconos de plumas | Hermosos íconos de código abierto personalizables |
| Iconos de mesa | Más de 3500 íconos SVG de código abierto altamente personalizables con soporte para React, Preact, Vue, Svelte y SolidJS |
| Xicons | Componentes SVG Vue/React integrados desde fluentui-system-icons, ionicons, etc. (Vue3, Vue2, React, SVG). |
| iconoir | Biblioteca gratuita de más de 900 iconos de código abierto |
| Iconos simples | 1307 iconos SVG gratuitos para marcas populares |
| Iconos lineales | Más de 1000 iconos vectoriales ultranítidos |
| Iconos8 | Iconos, fotos, vectores y herramientas gratis |
| Icono plano | La mayor base de datos de iconos gratuitos en formatos PNG, SVG, EPS, PSD y BASE 64 |
| El proyecto sustantivo | Más de 2 millones de íconos seleccionados, creados por una comunidad global |
| Explorar iconos | Descarga gratuita de fotografías de stock de ilustraciones de iconos en un solo lugar |
| IconoBuscar.ch | Motor de búsqueda con más de 50.000 iconos SVG indexados |
| Aplicación Núcleo | Nucleo es una hermosa biblioteca de 27500 íconos y una poderosa aplicación para recopilar, personalizar y exportar todos tus íconos. (Gratis y de pago) |
| Icono-icons.com | Iconos gratuitos PNG, ICO, ICNS y archivos vectoriales SVG |
| Iconos de arranque | Iconos gratuitos creados para Bootstrap pero funcionarán en cualquier proyecto |
| Icono de remezcla | Sistema de iconos simplemente encantador |
| iconomonstruo | Descubre más de 4496 iconos gratuitos en 313 colecciones |
| vívido.js | Biblioteca de JavaScript del paquete de iconos SVG gratuito y de código abierto listo para usar. |
| Buscador de iconos | Iconos vectoriales gratuitos y premium en formato SVG, PNG, CSH y AI |
| Lordicono | 50 iconos interactivos animados gratuitos |
| Usar animaciones | Iconos animados gratuitos en formato SVG y Json (para lottie) |
| css.gg | Más de 700 íconos de interfaz de usuario CSS, SVG y Figma de código abierto disponibles en SVG Sprite, componentes con estilo, NPM y API |
| IconoBros | 7843+ iconos gratuitos agrupados en 182 colecciones |
| Iconos de diseño de materiales | Una colección de iconos que permite a los diseñadores y desarrolladores de diversas plataformas descargar iconos en el formato, color y tamaño que necesitan para cualquier proyecto. |
| Heroiconos | Iconos gratuitos y de código abierto de los creadores de Tailwind CSS. |
| Zondicons | Un conjunto de íconos SVG premium gratuitos para que los uses en tus productos digitales. |
| Iconos sin fin | Un sitio web que ofrece varios iconos gratuitos. Los iconos están etiquetados y también comprimidos en kits. |
| Icomoon | Explora más de 5500 iconos gratuitos. Agregue cualquier conjunto que desee para explorar y buscar fácilmente sus íconos. |
| Iconos Eva | Eva Icons es un paquete de más de 480 íconos de código abierto bellamente diseñados para acciones y elementos comunes. |
| Criptoiconos | Un conjunto de 430 íconos de moneda criptográfica y fiduciaria. Completamente gratis. |
| icononato | Iconos vectoriales totalmente personalizables y accesibles |
| icono de aplicación | Genere rápidamente íconos de aplicaciones en diferentes tamaños para sus proyectos de IOS, macOS y Android |
| LíneaIconos | Más de 2000 iconos de líneas esenciales para diseñadores y desarrolladores |
| Evericones | Evericons es un gran paquete de más de 460 iconos gratuitos diseñados por Aleksey Popov. |
| Repositorio SVG | Descarga vectores SVG gratuitos para uso comercial. |
| Convertir | Convierta archivos PNG a SVG en línea y gratis. (Uno de los servicios que presta.) |
| ICONO CSS | Conjunto de iconos creado con código CSS puro, sin dependencias, iconos "grabar y listo" |
| Iconos unificados | Miles de íconos, un marco unificado. Una biblioteca, más de 40.000 iconos vectoriales. |
| Iconos de la interfaz de usuario del sistema | Más de 220 íconos en una colección en crecimiento. |
| parqueicono | Transforme un ícono SVG en múltiples temas y genere íconos de React, íconos de Vue, íconos svg |
| Iconos de base | Un nítido conjunto de iconos de 15×15 diseñados por el equipo de Modulz. Todos los íconos disponibles como componente de reacción individual, SVG y más. |
| Iconos EOS | Una fuente icónica de código abierto con píxeles perfectos disponible como ligadura y SVG. |
| Ionicones | Iconos de código abierto bellamente diseñados para usar en aplicaciones web, iOS, Android y de escritorio. |
| Iconos de fósforo | Phosphor es una familia de iconos flexible para interfaces, diagramas y presentaciones. |
| Iconos pequeñitos | TeenyIcons es un conjunto de iconos en formato SVG fáciles de usar en html |
| lucidez | Lucide es una biblioteca de íconos de código abierto, una bifurcación de Feather Icons. |
| Iconos | Icon Explorer con búsqueda instantánea, impulsado por Iconify. |
| Iconos de mierda | Colección de iconos gratuitos. |
| Iconospedia | Iconspedia es un sitio web que contiene una gran colección de iconos gratuitos de alta calidad. |
| iconohub | Simplemente íconos impresionantes y prácticos para todos |
| 3DICONOS | Iconos 3D de código abierto bellamente diseñados |
| IconosDb | Iconos personalizados gratis |
| Guía de emojis | La colección de 3300 emojis con sus códigos HTML para facilitar su uso. |
| Iconos de unicornio | Más de 100 íconos animados divertidos personalizables. Disponible en formato JSON y SVG. |
| Iconos de sargamo | Una colección de más de 275 íconos de código abierto disponibles para Figma, SVG y React. |
| amigo icono | Una colección de más de 100.000 iconos SVG de código abierto, totalmente personalizables para diseñadores y desarrolladores. |
| Iconos redondos | La biblioteca de paquetes de íconos gratuitos y premium más grande del mundo, con íconos planos, íconos de líneas, contornos rellenos, estilos isométricos y sólidos. |
| Vectopus | Los mejores recursos colectivos seleccionados para diseñadores de élite. |
Recursos para logotipos
| Sitio web | Descripción |
|---|---|
| LogoBuscar.ch | Motor de búsqueda con más de 200.000 logotipos SVG indexados |
| SVGPorno | Más de 1000 logotipos SVG de alta calidad |
| Logotipos del sistema de pago | Logotipos para sistemas de pago disponibles en png y svg |
| Logotipos del navegador | Logotipos de navegador web de alta resolución |
| VectorLogotipoZona | Logotipos SVG formateados consistentemente |
| Logotipo vectorial mundial | Descarga logotipos vectoriales de las marcas que te encantan |
| Creador de logotipos | Crear logotipos personalizados |
| Creador de logotipos gratuito | Generador de logotipos rápido y todo en uno |
| logotipovino | Descarga gratuita de logotipos de marcas en formato de archivo SVG, vector y PNG |
Recursos para favicons
| Sitio web | Descripción |
|---|---|
| Favicon.io | Genera un favicon a partir de texto, de una imagen o de un emoji. Descargar en formatos .ico y .png |
| favicomatic | Genere favicons de todos los tamaños y formatos, así como el código HTML necesario para admitir todos los navegadores o dispositivos posibles. |
| Generador de favicones | Genere archivos ico de favicon para su sitio web |
| RealFaviconGenerador | Genera íconos para todas las plataformas (Windows, iOS, Android) |
| Icono de fuente | Genere favicons e imágenes a partir de iconos de Font Awesome |
| Favicon.cc | Dibuje un favicon en línea y explore una biblioteca de favicons creados por otros usuarios |
| Editor enmascarable.app | Genere íconos PWA enmascarables basados en su ícono existente |
| Generador de favicones | Generar activos de favicon del sitio web. SVG, enmascarable y compatible con imágenes minimizadas. Interfaz pura. Sin riesgo de privacidad. Rápido. |
Recursos para fuentes de iconos
| Sitio web | Descripción |
|---|---|
| Fuente impresionante | El conjunto de iconos y herramientas más populares de la web |
| Línea impresionante | Intercambiar en reemplazo de Font Awesome con íconos de líneas modernas |
| Iconos de materiales | Biblioteca de iconos de diseño de materiales |
| IonIconos | Íconos de código abierto bellamente diseñados por el equipo de Ionic |
| Iconos de la Fundación Zurb | Iconos de Fundación personalizables |
| Iconos de Fontisto | Fontisto, la fuente icónica y el conjunto de herramientas CSS · Más de 616 iconos gratuitos |
| Cajas | Boxicons es una colección gratuita de iconos de código abierto cuidadosamente elaborados. |
| icofont | Más de 2100 iconos gratuitos para darle vida a tus diseños creativos |
| Paleta de materiales | Libre de elegir paletas, íconos y colores para Material Design |
| Fuente icónica de diseño de materiales | Fuente de icono de diseño de materiales |
| Codiconos Vscode | La fuente del icono de Visual Studio Code |
| Devicón | Devicon es un conjunto de iconos que representan lenguajes de programación, herramientas de diseño y desarrollo. |
| Fuente de pago | Una fuente web elegante para operadores y métodos de pago. Con 116 iconos |
| Iconos del tiempo | Weather Icons es la única fuente de íconos con 222 íconos temáticos del clima |
| Carrera 7 | 202 iconos de trazo fino inspirados en iOS 7 |
| Iconos de mermelada | Más de 890 íconos hechos a mano para hacer que tu aplicación web sea increíble |
| Fontello | Más de 200 íconos web donde puedes personalizar los nombres o códigos de los íconos. |
| linea | Linea: con más de 750 iconos gratuitos |
| Uniconos | Un conjunto de más de 1100 íconos de estilo de línea gratuitos disponibles como fuente web, íconos SVG y como componentes para marcos JS como React, Vue y React Native. |
| Iconos de Mobirise | Un conjunto gratuito y de código abierto de 150 iconos lineales elegantes y con píxeles perfectos, disponibles como fuente de iconos web e iconos SVG. |
| Iconos de héroe | Biblioteca gratuita de iconos SVG de código abierto |
| Reaccionar iconos | Una biblioteca de íconos SVG gratuita y de código abierto, es una colección de sus bibliotecas de íconos favoritas, como Font Awesome y Material Icons, para brindarle una amplia gama de íconos SVG para elegir. |
Sitios web que ofrecen fotografías de archivo gratuitas de todo tipo para sus sitios web y aplicaciones
| Sitio web | Descripción |
|---|---|
| Pexels | Fotos de archivo gratuitas compartidas por creadores talentosos |
| desempaquetar | La fuente de Internet de imágenes de libre uso |
| Pixabay | Más de 1,7 millones de imágenes y vídeos de archivo de alta calidad |
| magdeleine | Galería y fotos de alta resolución gratuitas todos los días |
| Fotospree | Imágenes, fotografías de stock, ilustraciones y vectores libres de derechos |
| Explosión | Colecciones de fotografías gratuitas |
| Gratisografía | Colección gratuita de imágenes gratuitas de alta resolución. |
| La vida de Pix | Fotografía gratuita en alta resolución. |
| Ajuste de acciones | Cientos de fotos de alta calidad añadidas semanalmente |
| Archivo morgue | Más de 350.000 fotografías de archivo gratuitas para uso comercial |
| Fotos de Kaboom | Fotografías de archivo y paletas de colores. Bueno para imágenes de productos. |
| Nuevo stock antiguo | Fotos de archivo antiguas |
| Foto gigante | Buenas colecciones de diferentes tipos de fotos. |
| Imágenes de dominio público | Imágenes de dominio público de todo tipo. |
| encontrar una foto | Busca en varios sitios web de fotografías de archivo |
| bóveda de valores | Fotos de archivo categorizadas |
| Marcador de posición | Un servicio gratuito de marcador de posición de imágenes para la web. Puede especificar el tamaño y formato de la imagen. |
| Tomas realistas | Fotografías de stock gratuitas de alta resolución |
| Espacio negativo | Fotos de archivo gratuitas de alta resolución |
| SkitterFoto | Fotografía gratuita en alta resolución. |
| PicoGrafía | Precioso, alta resolución, fotos gratuitas |
| Stock maravilloso | Fotos gratis increíblemente sorprendentes |
| PxHere | Imágenes gratis & Fotos de archivo gratis - PxHere |
| Piqsels | Fotos de archivo libres de regalías |
| Amigos de la gastronomía | Fotografía de alimentos |
| Pañal | Un sitio web que ofrece hermosas fotografías de alta resolución de personas de raza negra y morena. |
| Fotos generadas | Fotos de modelos únicas generadas por IA |
| Volver a disparar | Fotografías exclusivamente gratuitas. Imágenes cuidadosamente seleccionadas y sin stock. |
| Imágenes gratuitas | Busque y descargue fotografías de archivo gratuitas, todas ellas gratuitas para uso personal y comercial. |
| Lorem Picsum | Una API fácil de usar para obtener hermosas imágenes de marcador de posición. Se pueden especificar el tamaño y otros parámetros. |
| imagen de ciencia | Una biblioteca de imágenes especializada en imágenes de ciencia y naturaleza. |
| Biblioteca de imágenes de red de aplicaciones e integración | Imágenes gratuitas para proporcionar a científicos, administradores de recursos, agencias gubernamentales, grupos comunitarios y profesionales gráficos un recurso para mejorar la comunicación científica. |
| saxífraga | Imágenes de naturaleza gratis |
| Bienes comunes creativos | Busca imágenes gratuitas para reutilizar. |
| TodoTheFreeStock | una lista seleccionada de imágenes de archivo, audio y videos gratuitos. |
| Lorem.space - Generador de imágenes de marcador de posición | API para imágenes de marcador de posición, ¡pero útil! |
| Abiertoverso | Openverse es un motor de búsqueda de medios con licencia abierta |
| República ISO | Obtenga miles de fotos de archivo CC0 de alta resolución gratuitas |
Sitios web que ofrecen vídeos de archivo gratuitos de todo tipo para sus sitios web y aplicaciones
| Sitio web | Descripción |
|---|---|
| Pexels | La biblioteca más grande de vídeos de uso gratuito, donada por la comunidad. |
| Pixabay | Gran biblioteca de vídeos de uso gratuito, donados por la comunidad similar a Pexels |
| Coverr.co | Hermosos videos de archivo gratuitos |
| Videezy | Material de archivo HD y vídeos 4K gratuitos |
| Kit de mezcla | Videoclips y música de archivo |
| vida de videos | Videoclips y loops gratuitos |
| Vídeo | Vídeos de archivo gratuitos y premium |
| Loopvidz | Gráficos de cine de uso gratuito creados con la aplicación VIMAGE |
| SplitShire | Preciosos y exclusivos vídeos y fotografías de archivo gratuitos. |
| Vídeo de archivo gratuito | Vídeos de Stock Gratis |
Sitios web que ofrecen música de archivo y/o efectos de sonido gratuitos
| Sitio web | Descripción |
|---|---|
| Biblioteca de audio de YouTube Studio | Biblioteca de audio libre de derechos para descargar música y efectos de sonido. Autorizado para monetización de YouTube. |
| Música de archivo gratuita | Música de archivo libre de derechos para vídeos de YouTube, podcasts, etc. |
| Benson | Descarga Música Libre de Derechos gratis y úsala en tu proyecto |
| kit de mezcla | Música gratis para tus proyectos. |
| sonido libre | Música y sonidos de archivo gratuitos |
| Archivo de música gratuito | Base de datos colaborativa de sonido con licencia creative-commons para músicos y amantes del sonido. |
| musopen | Una biblioteca de música clásica en línea libre de derechos de autor |
| Pixabay | Descargas de música gratuitas para su proyecto, como vídeos de Youtube, música, vlogs, películas, podcasts, etc. |
| menos | ¿Música Premium gratuita para tus proyectos? Libre de derechos. Autorizado para YouTube. |
Vectores, imágenes prediseñadas, ilustraciones, patrones y más gratuitos
| Sitio web | Descripción |
|---|---|
| Vecteezy | Encuentra y descarga arte vectorial gratuito |
| Freepik | Vectores, fotografías de stock, PSD e iconos gratuitos |
| Vectores gratis | Comunidad de amantes de los vectores que comparten gráficos vectoriales gratuitos |
| PNGárbol | png, fondos, plantillas, efectos de texto |
| Vector4Free | Gráficos vectoriales gratis |
| libreble | Vectores, patrones, maquetas y más |
| lukaszadam | Obras de arte vectoriales gratis |
| Ilustraciones | Hermosas 100 Ilustraciones - png, svg |
| Imágenes Prediseñadas | ¡Elija excelentes imágenes prediseñadas, png, páginas para colorear, dibujos y más para sus proyectos de la colección gratuita! |
| Ilustraciones de kit de cultivo | Un conjunto de 8 ilustraciones sencillas, en blanco y negro y elegantes. |
| trianglify.io | Genere fondos, texturas y vectores de baja poli |
| gota | Genere formas de Blob para aplicaciones Web y Flutter |
| HolaClipart | Una comunidad para que los diseñadores compartan y descarguen imágenes prediseñadas PNG de fondo transparente |
| Historias de Freepik | Una colección de ilustraciones gratuitas y personalizables para proyectos. |
| Ilustraciones negras | Bellas ilustraciones de personas negras (gratis y premium) |
| Diseño | Una colección de ilustraciones gratuitas y más. |
| Divisores de formas personalizadas | Herramienta gratuita para facilitar a los diseñadores y desarrolladores la exportación de un hermoso divisor de forma SVG |
| Arte Médico Servier | 3000 imágenes médicas gratuitas para ilustrar tus publicaciones y presentaciones de PowerPoint |
| cler | Imágenes prediseñadas gratuitas que puedes usar para lo que quieras |
| onda SVG | ¿Un degradado gratuito y personalizable? Generador de ondas SVG para diseños de UI. |
| BGjar | Generador de fondos svg gratuito para sus sitios web, blogs y aplicaciones. |
| Biblioteca del patrimonio | Ilustraciones antiguas (vector y png) |
| ROBOHASH | Genera imágenes únicas a partir de cualquier texto. |
| atigrado | Cree y personalice patrones/ilustraciones mínimamente generados para utilizarlos en imágenes de fondo, impresiones y otros proyectos. |
| Haikei | Una increíble aplicación web multiforma. |
| Vector | Impresionante sitio web para todo tipo de vectores marroquíes. |
| Heazy | Activos vectoriales únicos en segundos. |
| Mossaik | Generador SVG gratuito con diferentes herramientas, ondas, mosaicos, manchas y más. |
Crea maquetas de dispositivos y otros productos.
| Sitio web | Descripción |
|---|---|
| ciudad simulada | Genere maquetas de forma masiva a partir de plantillas PSD colocando imágenes automáticamente en SmartObjects. El editor visual le permite cambiar los parámetros de SmartObject y ver una vista previa de la maqueta actualizada en tiempo real. |
| Maquetas inteligentes | Cree impresionantes maquetas de productos (gratis y premium) |
| Modificador de medios | Hermoso servicio de maquetas de diseño para sus productos (gratis y premium) |
| Instantánea de disparo | Cree hermosas imágenes de maquetas de dispositivos para el diseño de su aplicación o sitio web |
| Screly | Convierte instantáneamente tu captura de pantalla en una maqueta |
| Captura de pantalla.rocas | Crea hermosas maquetas de navegadores y dispositivos móviles en segundos |
| Pico de pantalla | Crea una maqueta a partir de una URL |
| Mundo de maquetas | La mayor fuente de maquetas fotorrealistas gratuitas en línea |
| Toma de colaboración | Capturas de pantalla en tiempo real y uso compartido de imágenes |
| Dispositivos Facebook | Imágenes y archivos de bocetos de dispositivos populares. |
| tres.io | Genera maquetas 3D directamente en tu navegador. |
| teléfono simulado | Maquetas 100% gratuitas para todos los dispositivos, incluidos IOS, Android, Windows Phone, computadoras portátiles y de escritorio y TV |
| Disparos de dispositivos | Crea maquetas de dispositivos de alta resolución para redes sociales, gratis |
| simulacro limpio | Cree impresionantes maquetas utilizando los últimos marcos de dispositivos, como iPhone X, y fondos personalizados que hacen que el diseño de su dispositivo móvil o sitio web se destaque, directamente desde su navegador, de forma rápida y gratuita. |
| Vídeo simulado | Crea maquetas al instante agregando un marco de dispositivo a tus videos. |
| maquetabro | ¡Crea maquetas de productos con el generador de maquetas en línea! Simplemente elige una maqueta, sube tu diseño y descarga tu imagen sin marca de agua. |
| Animockup | Crea maquetas animadas en el navegador. |
| pika | Cree instantáneamente maquetas de navegador e imágenes hermosas para marketing, publicaciones de blog y más |
| Locura | Crea maquetas desde cero gratis |
Sitios web que ofrecen hermosas plantillas de sitios web y temas de todo tipo gratuitos
| Sitio web | Descripción |
|---|---|
| HTML5 arriba | Temas HTML5/CSS3 responsivos muy modernos y únicos |
| Plantillamo | Mínimo, currículum, temas de galería y más |
| GratisHTML5 | Temas HTML5 y Bootstrap gratuitos y premium |
| EstiloGritar | Plantillas de sitios web gratuitas brillantemente diseñadas |
| Iniciar arranque | Temas iniciales de Bootstrap |
| HTML5xCSS3 | Colección de maravillosas plantillas en diferentes categorías. |
| Vagón temático | Colección de plantillas HTML5 Bootstrap de diferentes categorías |
| Colorlib | Casi cualquier categoría de tema que puedas imaginar. |
| CSS gratis | Gran colección de plantillas gratuitas |
| Hubspot | Plantillas, infografías, banners y mucho más |
| Mobirise | Plantillas HTML5/CSS3 de gran apariencia |
| botaswatch | Temas gratuitos para Bootstrap |
| amor de una página | Sitios web, plantillas y recursos de una página |
| Temas para la aplicación | Temas y páginas de destino de Bootstrap gratuitos |
| BootstrapSabor | Plantillas Bootstrap premium y gratuitas |
| BootstrapMade | Plantillas gratuitas elegantes, limpias y hermosas que usan Bootstrap. |
| W3Diseños | W3Layouts: más de 3784 plantillas de sitios web gratuitas para 2020 |
| Tooplato | Tooplate: ¡Plantillas HTML gratuitas para todos! |
| crucero | Plantillas HTML completamente codificadas para ayudarlo a crear fácilmente su página de inicio de inicio sin problemas. |
| cubierta de interfaz de usuario | Plantillas de páginas de destino y temas Bootstrap gratuitos |
| Splawr | ¡Plantillas web gratuitas para poner en marcha tu idea! |
| W3css_templates | Algunas plantillas de sitios web responsivos W3.CSS para su uso. |
| Descarga totalmente gratuita | Descargar plantillas-web-gratuitas |
| plantilla-mashup | Plantillas HTML5/CSS3 gratuitas |
| Plantilla de administración HTML de Sneat Bootstrap 5 | Plantilla de administración HTML Bootstrap 5, de código abierto y fácil de usar, con un diseño elegante y exclusivo. |
| HTMLrev | Hermosas plantillas HTML5 y páginas de destino gratuitas |
| IU de horizonte | Plantilla de administración de código abierto más moderna para React |
| Temas agudos | Plantillas Html/Css3, Bootstrap5, Vue, React, Laravel gratuitas y profesionales |
| Tornillo rápido | Plantilla de sitio web Astro de código abierto con componentes TailwindCSS elegantes y personalizables |
Marcos CSS/UI para ayudar a crear sitios web y aplicaciones de gran apariencia
| Sitio web | Descripción |
|---|---|
| CSS de viento de cola | Marco de bajo nivel, primero la utilidad |
| Oreja | Marco de interfaz de usuario popular con toneladas de componentes que utilizan CSS y JS |
| Materializar | Un marco de interfaz de usuario moderno y responsivo basado en Material Design |
| Diseño de materiales ligero | Marco ligero basado en Material Design. Sin dependencia de JS |
| Bulma | Marco CSS moderno sin JS |
| Esqueleto | Marco extremadamente ligero para elementos básicos de la interfaz de usuario. |
| CSS uniforme | Generador de utilidades totalmente configurable y marco CSS construido íntegramente en Sass |
| IU semántica | Empodera a los diseñadores y desarrolladores mediante la creación de un vocabulario compartido para la interfaz de usuario. |
| UI romántica | Una bifurcación comunitaria de Semantic-UI |
| Base | Primer marco móvil con marcado limpio |
| CSS puro | Un conjunto de módulos CSS pequeños y responsivos |
| UIKit | Marco frontal ligero y modular |
| susy | Motor liviano con diseño de cuadrícula para Sass |
| Miligramo.io | Marco CSS minimalista |
| Marco vainilla | Marco CSS simple y extensible escrito en Sass |
| espectro CSS | Marco CSS ligero y moderno |
| CSS de picnic | Biblioteca ligera y hermosa. |
| Ala | Un hermoso marco CSS diseñado para minimalistas |
| chota | Un marco CSS micro (~3kb) |
| Modelo CSS | Una biblioteca de diseño liviana para crear excelentes interfaces de usuario móviles responsivas que funcionan en todas partes |
| W3.CSS | Un marco CSS moderno con soporte para diseño de escritorio, tableta y móvil de forma predeterminada. Diseñado para ser independiente de jQuery o cualquier otra biblioteca de JavaScript |
| 98.css | Un sistema de diseño para crear recreaciones fieles de interfaces de usuario antiguas |
| CSS de NES | Marco CSS estilo NES |
| Cordones.css | Biblioteca CSS ligera y con visión de futuro construida con la sintaxis CSS del futuro |
| MVP.css | Una hoja de estilo minimalista para elementos HTML. Sin nombres de clases, sin marcos, solo HTML semántico y listo |
| Blaze.css | CAS de herramientas CSS modular de código abierto que proporciona una excelente estructura para construir sitios web rápidamente |
| Torreta CSS | Turret CSS es un marco de estilos para el desarrollo de sitios web receptivos. |
| Cutestrop | Un marco CSS fuerte e independiente. |
| Xp.css | XP.CSS es una extensión de 98.css. Una biblioteca CSS para construir interfaces que se parecen a las viejas UI. |
| Marco7 | Framework7: es un marco de código abierto y abierto para desarrollar aplicaciones móviles, de escritorio o web con un aspecto nativo. |
| Hirviendo.css | Una biblioteca de información sobre herramientas CSS puro para sus hermosos sitios web. |
| ImageHover.io | Biblioteca de efectos de choque de imágenes de CSS puro |
| mini.css | Un marco CSS mínimo, receptivo y agnóstico de estilo |
| Taquions | Cree interfaces de carga rápida, altamente legible y 100% receptivas con la menor cantidad de CSS posible. |
| Bootstrap de material | Diseño de material con bootstrap |
| Marfil | Un marco CSS moderno para desarrollar interfaces web potentes más rápido y más fácil |
| Media luna ui | Un marco receptivo y liviano, diseñado para construir rápidamente hermosos paneles y páginas de productos. |
| Metro 4 | Cree su sitio de manera rápida y efectiva con Metro 4. Biblioteca de componentes impresionantes construida sobre HTML, CSS, JavaScript. |
| css-doodle | Un componente web para dibujar patrones con CSS |
| látex.css | Haga que su sitio web parezca un documento de látex |
| CSS de papel | Solución de impresión frontal |
| Windi CSS | Compilador de próxima generación para Tailwind CSS |
| CRIRUS CSS | Un marco SCSS centrado en componentes y utilidad diseñado para prototipos rápidos. |
| Gutenberg | Marco moderno para imprimir la web correctamente. |
| iluminado | El marco CSS de fuego más pequeño del mundo (395 bytes). |
| Arwes | Arwes es un marco web para construir interfaces de usuario basadas en diseños de ciencia ficción futurista, animaciones y efectos de sonido. |
| Saltador | Bojler es un marco de correo electrónico para desarrollar plantillas de correo electrónico receptivas y livianas que se presentarán correctamente en cada uno de los clientes de correo electrónico más populares. |
| Tácito | Marco primitivo de CSS para tontos, sin clases. |
| CSS terminal | Un marco CSS moderno y mínimo para los amantes de las terminales. |
| sakura | Un marco / tema CSS sin clase mínimo. |
| PSone | Marco CSS de estilo PS1, inspirado en NES.CSS. |
| marx | Marx es el reinicio de CSS sin clase para ser utilizado en cualquier proyecto (a saber, pequeños). |
| Mechón | Estille su página web como los folletos de Edward Tufte. |
| Axentix | Axentix es un marco de código abierto basado en la cuadrícula CSS usando HTML, CSS y JS. |
| Sistema de cuadrícula simple de ráster | Sistema de cuadrícula CSS mínimo y directo que utiliza HTML descriptivo en lugar de CSS semántico. |
| ruptura de flujo | FlowRift es una biblioteca hecha de bloques de interfaz de usuario CSS de viento de cola bellamente diseñado. |
| gemelo | La solución más pequeña, más rápida, más completa de Viento de cola completo en JS. |
| Pico.css | Estilos elegantes para todos los elementos HTML nativos sin. Clases y modo oscuro habilitados automáticamente. |
| arcilla.css | Micro CSS Util de Micro CSS extensible y configurable para agregar estilos de Claymorphism a sus componentes. |
| Beercss | ¿Construir interfaces de diseño de material en tiempo de registro, sin estrés para los desarrolladores? El primer marco CSS que implementa el diseño del material 3. |
| UNOCSS | UNOCSS es el motor CSS atómico instantáneo, que está diseñado para ser flexible y extensible. El núcleo no se opina, y todas las utilidades CSS se proporcionan a través de presets. |
| Neptuno CSS | Neptune CSS es un marco CSS liviano. Úselo para desarrollar sus sitios web más rápido. |
| Estillex | Stylex es una sintaxis y compilador de JavaScript simple y fácil de usar para diseñar aplicaciones web. |
| Órbita | Orbit es el primer marco CSS para crear interfaces radiales simples o complejas. |
Metodologías CSS para ayudar a escribir código modular, reutilizable y escalable
| Sitio web | Descripción |
|---|---|
| OOCSS | Los conceptos OOCSS nos ayudan a escribir componentes que son flexibles, modulares e intercambiables. |
| CSS atómico | Atomic CSS es el enfoque de la arquitectura CSS que favorece las pequeñas clases de un solo propósito con nombres basados en la función visual. |
| Bem | El modificador de elementos de bloque es una metodología que lo ayuda a crear componentes reutilizables y compartir código en el desarrollo frontal. |
| Smacss | SMACSS es una forma de examinar su proceso de diseño y como una forma de colocar esos marcos rígidos en un proceso de pensamiento flexible. |
| CUBO | Cube CSS es una metodología CSS orientada hacia la simplicidad, el pragmatismo y la consistencia. |
Animaciones de CSS para crear animaciones increíbles para sitios web y aplicaciones
| Sitio web | Descripción |
|---|---|
| Animate.css | Animaciones de CSS de acaba de agregar agua |
| Bounce.js | Bounce.js es una herramienta y una biblioteca JS que le permite crear hermosas animaciones alimentadas por CSS3 |
| Anime.js | Anime.js (/ˈæn.ə.meɪ/) es una biblioteca de animación JavaScript ligera con una API simple pero poderosa. Funciona con propiedades CSS, SVG, Atributos DOM y objetos JavaScript |
| Animaciones mágicas | Animaciones ha sido una de las bibliotecas de animación más impresionantes disponibles |
| Zdog | Motor pseudo-3D redondo, plano y amigable para el diseñador para Canvas & SVG |
| Csshake | CSShake ofrece exactamente lo que dice en la caja: una biblioteca CSS diseñada específicamente para sacudir elementos dentro de su página web |
| Hover.css | Hover.css es una biblioteca de animación CSS diseñada para usar con botones y otros elementos de la interfaz de usuario en su sitio web |
| Anijs | Anijs es una biblioteca de animación que le permite agregar animaciones a elementos en una estructura simple 'similar a la oración' |
| Animista | Animaciones CSS a pedido |
| Tachyons-Anim | Tachyons en sí es una biblioteca CSS atómica con una tonelada de clases de utilidad para diseñar esencialmente cualquier cosa al agregar clases a lo que necesita |
| Secuencia.js | Secuence.js es una biblioteca de JavaScript que proporciona un marco CSS receptivo para crear controles deslizantes, presentaciones, pancartas y otras aplicaciones basadas en escalones únicos |
| Infinito | Estas animaciones, como rotaciones y pulsos, que están específicamente diseñadas para ejecutar y repetir para siempre |
| Desagradable.css | Animaciones para el fuerte del corazón y débil de la mente |
| UI de movimiento | Una biblioteca SASS para crear transiciones y animaciones flexibles de CSS |
| Plazos de teclas.App | Una interfaz gráfica de usuario para generar animaciones de cuadros CSS personalizados |
| pensamiento | Transiciones y transiciones de CSS para principiantes |
| SVG Artista | Una herramienta útil para animar las propiedades de accidente cerebrovascular y llenar en imágenes SVG con código CSS simple |
| Animxyz | Animxyz lo ayuda a crear, personalizar y componer animaciones para su sitio web. Construido para Vue, React, SCSS y CSS |
| Giro | ¡CSS Cargando animaciones con un esfuerzo mínimo! |
| hamburguesas | Hamburguesas es una colección de sabrosos íconos de hamburguesas animados por CSS. También se incluye la fuente como una biblioteca SASS. Es modular y personalizable, así que cocine su propia hamburguesa. |
| Cargadores y hilanderos CSS | Esta es una biblioteca que tiene una colección de diferentes tipos de cargadores CSS, Spinners |
| Movimiento uno | Una nueva biblioteca de animación, construida en la API de animaciones web para los archivos más pequeños y el rendimiento más rápido. |
| pocoloco | Genere antecedentes dinámicos para su sitio web |
| Anix | Biblioteca de animación CSS súper fácil y liviana. |
| AOS | Animar en la biblioteca de desplazamiento. |
| Animatopia | Fragmentos de animaciones CSS de acaba de agregar agua |
Bibliotecas de animaciones de JavaScript para crear animaciones increíbles para sitios web y aplicaciones
| Sitio web | Descripción |
|---|---|
| Greensock | Una biblioteca de JavaScript para construir animaciones de alto rendimiento que funcionan en todos los principales navegadores |
| Velocidad.js | Velocity es un motor de animación liviano con la misma API que la jQuery $ .animate () |
| LAX.JS | ¡Plugin de javascript de vainilla simple y liviano para crear animaciones suaves y hermosas cuando se despliega! |
| Rellax.js | Una biblioteca de paralaje de JavaScript de vainilla y suave y suave y suave |
| tres.js | Una biblioteca 3D fácil de usar con un renderizador de webgl predeterminado. |
| Atropos | Atropos es una biblioteca de JavaScript liviana, gratuita y de código abierto para crear impresionantes efectos de paralaje 3D con toque. |
| wow.js | Revela animaciones cuando te desplacas. |
| Chocolat.js | Plugin de caja de luz gratis. |
| Animar en el desplazamiento | Animate en la biblioteca de desplazamiento para revelar animaciones cuando te desplacas. |
| Tilt.js | Un pequeño requestanimationFrame alimentó el efecto de inclinación de paralaje ligero de 60+FPS para jQuery. |
| Notación | La notación aproximada es una pequeña biblioteca de JavaScript para crear y animar anotaciones en una página web |
| TSPARTICOS | Una biblioteca liviana para crear partículas, una versión mejorada de las partículas abandonadas y obsoletas.js |
| Partículas.js | Una biblioteca de JavaScript liviana para crear partículas |
| MO.JS | El cinturón de herramientas de gráficos de movimiento para la web |
| Lightbox2 | Una pequeña biblioteca JS para superponer imágenes en la parte superior de la página actual. |
| Mancha | Carrusel totalmente receptivo |
| Barda.js | Cree transiciones fluidas y suaves entre las páginas de su sitio web. |
| Pergamino | Una biblioteca de desplazamiento simple que proporciona detección de elementos en la ventana gráfica y desplazamiento suave con paralaje. |
| Carrusel de búho | JQuery corousel gratuito de jQuery |
| Swiperjs | Sobre deslizante moderno gratuito, de código abierto sin jQuery. Disponible para JS de vainilla y todos los marcos modernos como React, Vue, Angular, etc. |
| Espalda | Biblioteca JS pura gratis para carruseles y controles deslizantes |
| Paralaje simple | La forma más fácil de obtener un efecto de paralaje con JavaScript |
| Kute.js | Kute.js es un motor de animación JavaScript para navegadores modernos. |
| Granim.js | Cree animaciones de gradiente fluido e interactiva con esta pequeña biblioteca JavaScript. |
| Población | Bibliotecas de animación simples para deliciosas interfaces de usuario. |
| Vivo | Vivus es una clase de JavaScript ligero (sin dependencias) que le permite animar SVG, dándoles la apariencia de ser dibujados. |
| TipEd.js | Una biblioteca de animación de typing JavaScript. |
| Progress bar.js | Barras de progreso receptivas y elegantes con rutas SVG animadas. |
| Medianoche.js | Midnight.js le permite cambiar los encabezados fijos sobre la marcha |
| Tingle.js | Tingle es un complemento modal simple escrito en JavaScript puro |
| Teatre.js | Theatre.js es una biblioteca de animación JavaScript con una GUI. Anima el DOM, WebGL y cualquier otra variable JavaScript. |
| splidejs | Splide es un control deslizante/carrusel ligero, flexible y accesible escrito en TypeScript. Sin dependencias, sin errores del faro. |
| bonitas ondas | Hermosas olas animadas |
| Vanta.js | Fondo de sitio web animado en algunas líneas de código. |
| Divisor.js | ¡La división crea elementos y agrega variables CSS para desbloquear posibilidades sorprendentes para animar texto, cuadrículas y más! |
Bibliotecas que ayudan a los desarrolladores a visualizar datos en gráficos
