251 Repositories
JavaScript svg-images Libraries
MidJourney is an AI text-to-image service that generates images based on textual prompts. It is often used to create artistic or imaginative images, and is available on Discord and through a web interface here.
Midjourney MidJourney is an AI text-to-image service that generates images based on textual prompts. It is often used to create artistic or imaginativ
Obsidian plugin: copy document as HTML, including images
Copy as HTML Plugin for Obsidian that copies the current document to the clipboard, so it can be pasted into HTML aware application like gmail. This p
Translate text in images using Vision API, Translation API and React with Canvas
manga-translator Manga translator app using Vision API, Translation API Rendered using React and canvas Installation Create a Google Cloud project, en
this project is an interface that accesses the pexels api (pexels.com) and displays the images in a simple way.
React Photo Gallery v4-demo-opt.webm Getting Started These instructions will get you a copy of the project up and running on your local machine for de
Translate text in images using Vision API, Translation API and Jimp
translate-image-text Translate text in images using Vision API, Translation API Rendered using React and canvas Installation Create a Google Cloud pro
Piccloud is a full-stack (Angular & Spring Boot) online image clipboard that lets you share images over the internet by generating a unique URL. Others can access the image via this URL.
Piccloud Piccloud is a full-stack application built with Angular & Spring Boot. It is an online image clipboard that lets you share images over the in
This repo contains utility tools for manipulating files, process images and automation.
utility-tools-cli This repo contains utility tools which makes life lil bit easier. Features Rename Files in a Folder with the convention you want. Re
Easy-to-use js library for building graphs using svg.
LineChart Easy-to-use js library for building graphs using svg. Examples How to use Just add linechart.js from 'src' directory to your project. And ad
Easiest 1-click way to install and use Stable Diffusion on your own computer. Provides a browser UI for generating images from text prompts and images. Just enter your text prompt, and see the generated image.
Stable Diffusion UI Easiest way to install and use Stable Diffusion on your own computer. No dependencies or technical knowledge required. 1-click ins
An Exhibition Of Mathematical Beauty.
🪴 Fractal Garden 🪴 📐 An Exhibition Of Mathematical Beauty 📐 Fractals are awesome. They look beautiful and have intricate mathematical connections
🖼️ Tiny JSX helper function for high-DPI (Retina Display) images.
img-srcx Tiny JSX helper function for high-DPI (Retina Display) images. 394 bytes minified and gzipped for ESM (830 bytes for ES5). Installation npm i
Finally, a simple, lightweight (0.6kb), pure JavaScript image lazy loader that even works in IE* using the IntersectionObserver API
Simply Lazy A simple & lightweight (0.6kb), pure JavaScript image lazy loader that even works in IE* utilizing the built in IntersectionObserver API i
Slide everything into this vanilla javascript slider: just 20kb all-inclusive, no dependencies!
Lightweight vanilla javascript media and contents slider, by LCweb Just 20KB to have: Top features list: single file, no dependencies, 100% pure javas
🎨 Dynamic Token Images and Metadata
ERC721K - Dynamic Token Images and Metadata Overview ERC721K is an ERC721 implementation with zero dependencies for off-chain data. Both the token ima
A handy little app for copying & pasting images.
PikPicPASTE A handy little app for copying & pasting images. Usage Click and drag the hamburger tile to move the toolbar Click the hamburger tile to s
Fast Hugo gallery theme/module suitable for lots of images.
Gallery Deluxe A Hugo Module to show a photo gallery. It's very fast/effective, especially if you have lots of images on display. See the annotated in
An obsidian plugin for uploading local images embedded in markdown to remote store and export markdown for publishing to static site.
Obsidian Publish This plugin cloud upload all local images embedded in markdown to specified remote image store (support imgur only, currently) and ex
🆙 Upscayl - Free and Open Source AI Image Upscaler for Linux, MacOS and Windows built with Linux-First philosophy.
Upscayl 🆙 Free and Open Source AI Image Upscaler Upsacyl.Demo.mp4 Upscayl is a cross-platform application built with the Linux-first philosophy. This
Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo
img-lightbox Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo Demo codepen jsfiddle jsbin
ezoom.js is a jQuery plugin for simple Image with zoom effect.
ezoom.js ezoom.js is a jQuery plugin for simple Image with zoom effect. This plugin in under development to support Next/Prev a gallery Images/SVG lat
Create beautiful images of your source code.
Code Image Create beautiful images of your source code. Using import React from "react"; import CodeImage from '@wcj/code-image'; export default func
Deno module to generate images from source code using Aloxaf/silicon.
deno-silicon Deno module to generate images from source code using Aloxaf/silicon. Dependencies Please refer silicon's dependencies Support Version de
A library for panning and zooming elements using CSS transforms :mag:
Panzoom Examples Panzoom is a small library (~3.7kb gzipped) to add panning and zooming functionality to an element. Rather than using absolute positi
Generate convincing fake tweet images
Fake Tweet Generator Description With the Fake Tweet Generator tool you can create convincing fake tweet images. This tool is completely customizable
🌀 A JS plugin to view images just like in Windows.
PhotoViewer PhotoViewer is a JS plugin to view images just like in windows. [Examples] If you want to support IE8, please goto Magnify. Features Vanil
Create tweet images
tweet-maker Create tweet images 2018'de javascripti kurcalarken yapmış olduğum bir proje. 2021'de eski kodlarıma bakarken buldum. 2021 yılı içerisinde
Colorful shadows for your images. 🎨
cosha Colorful shadows for your images. 🎨 cosha lets you add colorful shadows to your images. Try it out and look for yourself—it really couldn't be
Login of app to remind to drink water, using Firebase tools like Firebase Auth and Firebase Firestore
Water Reminder Login App Menu Contents Motivation Final Images How to download the project and run it? Technologies utilized Dev 📌 Motivation This ap
Generate social preview images in your Next.js API from Sanity webhooks
sanity-next-social-image-generator Automatically generate social share images using Sanity webhooks, and your Next.js API! Requirements A Next.js appl
A vanilla js library to show preview images on hover
Hover Preview A vanilla js library to show preview images on hover, check a Demo here Please watch 👀 or star 🌟 this repo if you like it. Getting sta
svgMap is a JavaScript library that lets you easily create an interactable world map comparing customizable data for each country.
svgMap svgMap is a JavaScript library that lets you easily create an interactable world map comparing customizable data for each country. Live demo: h
A Javascript library to export svg charts from the DOM and download them as an SVG file, PDF, or raster image (JPEG, PNG) format. Can be done all in client-side.
svg-exportJS An easy-to-use client-side Javascript library to export SVG graphics from web pages and download them as an SVG file, PDF, or raster imag
🎨 Dynamic Token Images and Metadata
ERC721K - Dynamic Token Images and Metadata Overview ERC721K is an ERC721 implementation with zero dependencies for off-chain data. Both the token ima
🆙 Upscayl - Free and Open Source AI Image Upscaler for Linux, MacOS and Windows built with Linux-First philosophy.
v1.3 will come around 12 September Upscayl 🆙 Free and Open Source AI Image Upscaler simplescreenrecorder-2022-08-23_20.17.02.mp4 Upscayl is a cross-p
Shortcuts → Cloudflare Images → GitHub Action
shortcuts-cfimages-action This repository guides you through setting up a workflow to upload photos from your Apple device to Cloudflare Images, then
A markdown-it plugin that process images through the eleventy-img plugin. Can be used in any projects that uses markdown-it.
markdown-it-eleventy-img A markdown-it plugin that process images through the eleventy-img plugin. Can be used in any projects that use markdown-it. F
A script that combines a folder of SVG files into a single sprites file and generates type definitions for safe usage.
remix-sprites-example A script that combines a folder of .svg files into a single sprites.svg file and type definitions for safe usage. Technical Over
An easy-to-use JavaScript library aimed at making it easier to draw on SVG elements.
svg-pen-sketch An easy-to-use JavaScript library aimed at making it easier to draw on SVG elements when using a digital pen (such as the Surface Pen).
Javascript library to animate images on hover.
Ripple Hover Effect Javascript library to animate images on hover. If this project help you, don't forget to star it. Codepen demo by Essam Abed Demo
A JavaScript plugin to turn many images into a gif
GiffyImages A JavaScript plugin to turn many elements images into a gif magically. Preview Getting started npm i giffy-images -D or yarn add giffy-im
A Simple yet extendable jQuery modal script built for use with inline HTML, images, videos, and galleries.
jQuery Chaos Modal A Simple yet extendable jQuery modal script built for use with inline HTML, forms, and images in mind. There are many other modal p
jQueryFileExplorer Inspired by jQueryFiletree. Most of the icons in the images folder are from jQueryFiletree.
jQueryFileExplorer Inspired by jQueryFiletree. Most of the icons in the images folder are from jQueryFiletree. Split.js is included and used to provid
Superlight vanilla javascript plugin, for modern web dropdowns. Supporting multi-options, search and images. Designed to be seamlessly themed
Superlight vanilla javascript dropdowns by LCweb Need to jump off of jQuery (or any other) dependency? Other packages are too heavy to just tweak sele
A very simple image slider that will responsively work with images of any size or shape
Square1 A very simple image slider that will responsively work with images of any size or shape. requires jQuery Demo Installation Link to jQuery sc
A vanilla-js module for adding zoom-on-wheel and pan-on-drag behavior to inline SVG elements.
svg-pan-zoom-container A vanilla-js module for adding zoom-on-wheel and pan-on-drag behavior to inline SVG elements. No need to write scripts. Just ma
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
lazysizes lazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), ifra
A full screen slide show for images and videos
Vanilla JS Slide full screen slide show for videos and images Why? This is a scratch-your-own-itch project as I wanted a way to see images and videos
Simple jQuery plugin that will allow users to zoom in your images, perfect for product images and galleries.
Image Zoom (jQuery) Plugin Simple jQuery plugin that will allow users to zoom in your images, perfect for product images and galleries that is less th
A lightweight JavaScript library for creating interactive maps and pretty data visualization.
Jsvectormap A lightweight Javascript library for creating interactive maps and pretty data visualization. Explore docs . Report bug · View demo · Down
🖼 A jQuery plugin to view images just like in Windows. Browser support IE7+!
⚠️ Attention! This repository will be maintained just in small iteration. The plugin is easy to use, but its customization can be troublesome. To impr
🐼 A cli can automatically compress images with tinypng.com
easy-tinypng-cli A cli can automatically compress images with tinypng.com. Why When delevoping a website, we often need to compress images to reduce t
Utility to generate adwaita presets for use with AdwCustomizer from images using Google's MaterialU color generator.
Adwaita Preset Generator using Material U Color Generation Material U Color generation is done using the material-color-utilities available here: http
Modern approach to Low Quality Image Placeholders (LQIP) using webp and sharp.
lqip-modern Modern approach to Low Quality Image Placeholders (LQIP) using webp and sharp. (demo) This approach is extremely fast and produces much sm
🏸 A simple plugin for image zooming without dependencies ~1.65KB gzip
ZOOOM.JS A simple plugin for image zoooming without dependencies. Only pure javascipt. Installation CDN JavaScript script src="https://cdn.jsdelivr.n
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de
Compare James Webb Space Telescope images to older images.
How much more powerful is the James Webb Space Telescope when compared to Hubble? Find out! More info Want to help out? CONTRIBUTING.md Blog post with
Demonstration of liquid effect on HTML Canvas using Matter.js and SVG Filters (Blur + Contrast)
Canvas Liquid Effect Demonstration of liquid (or gooey) effect on HTML Canvas using Matter.js and SVG Filters (feGaussianBlur and feColorMatrix). DEMO
Blend Between Multiple Images.
Blend Between Multiple Images. Interactive Example and Documentation compare_view is still under development. If you encounter a bug or have an idea f
This JavaScript class generates a placeholder image or default profile image as SVG or PNG
This JavaScript class generates a placeholder image or default profile image as SVG or PNG. You can use the following parameters in the constructor:
D3 (or D3.js) is a JavaScript library for visualizing data using web standards
D3 (or D3.js) is a JavaScript library for visualizing data using web standards. D3 helps you bring data to life using SVG, Canvas and HTML. D3 combines powerful visualization and interaction techniques with a data-driven approach to DOM manipulation, giving you the full capabilities of modern browsers and the freedom to design the right visual interface for your data.
A lightweight graphic library providing 2d draw for Apache ECharts
ZRender A lightweight graphic library which provides 2d draw for Apache ECharts. Documentation https://ecomfe.github.io/zrender-doc/public/ License BS
JavaScript SVG parser and renderer on Canvas
canvg JavaScript SVG parser and renderer on Canvas. It takes the URL to the SVG file or the text of the SVG file, parses it in JavaScript and renders
imagesLoaded - JavaScript is all like "You images done yet or what?"
imagesLoaded JavaScript is all like "You images done yet or what?" imagesloaded.desandro.com Detect when images have been loaded.
Vanilla JavaScript plugin for lazyloading images
Lazy Load Remastered Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them.
BttrLazyLoading is a Jquery plugin that allows your web application to defer image loading until images are scrolled to but not only
BttrLazyLoading.js BttrLazyLoading is a Jquery plugin that allows your web application to defer image loading until images are scrolled to but not onl
Lazyload images, iframes or any src* element until they are visible in the viewport.
Lazyload images, iframes or any src* element until they are visible in the viewport.
A modern lazy loading library for images.
Layzr.js A modern lazy loading library for images. Demo Page Getting Started Follow these steps: Install Setup Images Instantiate Review Options Revie
Holder renders image placeholders in browser using SVG
Holder Holder renders image placeholders in browser using SVG. Used by thousands of open source projects (including Bootstrap v3) and many other sites
A simple library to view large images up close using simple mouse interaction, and the full screen.
Intense Images A stand alone javascript library for viewing images on the full, full screen. Using the touch/mouse position for panning. Here's a demo
A functional library for watermarking images in the browser
A functional library for watermarking images in the browser. Written with ES6, and made available to current browsers via Babel. Supports urls, file inputs, blobs, and on-page images.
Lightweight plugin for easy responsive images replacement
Responsive image replacement Check out the example here. resonsive-img.js is a lightweight plugin for fast, clean and easy responsive image replacemen
A jquery plugin that makes images truly responsive, without sacrificing anyone's face. Give it more stars!
Responsify.js A jquery plugin that makes images truly responsive, without sacrificing anyone's face :D When images are used in a responsive container
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
jQuery plugin for 'responsive cropping'. Dynamically crop images to fill available space without cutting out the image's subject. Great for full-screen images.
Generates an image from a DOM node using HTML5 canvas
DOM to Image What is it dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in Java
Easily compose images together without messing around with canvas
merge-images Easily compose images together without messing around with canvas Canvas can be kind of a pain to work with sometimes, especially if you
jQuery plugin for zooming images on mouseover.
About Zoom A small jQuery plugin for zooming images on mouseover or mousedown. See the project page for documentation and a demonstration. Released un
🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
IconPark English | 简体中文 Introduction IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icon
The iconic SVG, font, and CSS toolkit
Version 6 Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. Documentation Lear
SVG icons for popular brands
Simple Icons Over 2200 Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be ma
A curated collection of all country flags in SVG — plus the CSS for easier integration
flag-icons A curated collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Install You can either download the w
Create a 3D interactive object using images and one simple JS call
#Interactive 3D by Pete R. Create a 3D interactive object using images and one simple JS call Created by Pete R., Founder of BucketListly Demo View de
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
A bot that generate random french proverb images and post them on Twitter.
Proverbot This repository contains the source code of a bot that generate random french proverb images and post them on Twitter. (Inspired by InspiroB
Sample code for resizing Images with Lambda@Edge using the Custom Origin. You can deploy using AWS CDK.
Resizing Images with Lambda@Edge using the Custom Origin You can resize the images and convert the image format by query parameters. This Lambda@Edge
A html・css・svg version of the Roland TR-909 (no sound)
VECTOR-909 Roland TR-909 drum-machine with only hand-made html, svg & css. 100% vector graphics. No textures. No sound engine ... just yet! Credits Lo
Smoothly interpolate between variations of SVG paths.
svg-path-morph A simple library for morphing between variations of SVG paths. Use svg-path-morph to smoothly morph between X variations of the same SV
A Wordle-esque caption guessing game with DALL-E images.
This project was a weekend well spent. Built with NextJS, a PostgreSQL backend, and Prisma as an ORM. Available at http://dalledle.com! Getting Starte
📸 Generate image using HTML5 canvas and SVG
egami → image README | 中文文档 Generate image using HTML5 canvas and SVG Fork from html-to-image Installation pnpm pnpm add egami npm npm i egami Usage i
A html・css・svg version of the Roland TR-909 (no sound)
VECTOR-909 Roland TR-909 drum-machine with only hand-made html, svg & css. 100% vector graphics. No textures. No sound engine ... just yet! Credits Lo
🦄 • A simple open source project that can display random anime images and quotes.
Welcome to Rakoko App! 👋 Rakoko App is a simple application that is used to display images and quotes randomly. Built using Framework7. 💖 Demo Page
As babies smash on the keyboard, images, letters and numbers appear on the screen
Baby Bam Bam As babies smash on the keyboard, images, letters and numbers appear on the screen. Try the many options and find the ones that are right
Emojion - Create and share images combined emoji and text
🚀 Emojion Emojion is a web application to create and share images combined an emoji and text. Your contribution is welcome! Concepts Simple Since the
🖼 Image Presets for Vite.js apps
vite-plugin-image-presets Image Presets for Vite.js apps This Vite plugin allows you to define presets for image processing using Sharp, allowing you
Quickly upload images to the cloud in Logseq.
logseq-plugin-image-uploader Usage How to use it? Currently, we only support PicGo, so please open PicGo manually. By default, when you paste any cont
Generate static open graph images for Next.js at build time
next-static-og-images Generate static Open Graph images for Next.js at build time Getting started Installation npm i -D next-static-og-images or yarn
Convert your SVG file directly to Flutter paths and prevent all the messing with bezier curves.
svg-to-flutter-path-converter Convert your SVG file directly to Flutter paths and prevent all the messing with bezier curves. Flutter Clutter The tool
Codecs lets you use read, write, edit, and analyze images.
Codecs Codecs lets you use read, write, edit, and analyze images. npm install @astropub/codecs Usage import * as fs from 'node:fs/promises' import * a
Simple CLI to warm the cache of social images in all pages from a sitemap.
warm-social-images Simple CLI to warm the cache of social images in all pages from a sitemap. Why Using serverless functions to generate images for so
Store and Deliver images with R2 backend Cloudflare Workers.
r2-image-worker Store and Deliver images with Cloudflare R2 backend Cloudflare Workers. Synopsis Deploy r2-image-worker to Cloudflare Make a base64 st
When pasting screenshots into obsidian notes, convert the images to jpeg and compress them
obsidian-paste-png-to-jpeg This plugin is inspired by obsidian-paste-image-rename, obsidian-paste-image-rename can be used when inserting images renam