276 Repositories
JavaScript dynamic-image-renderer Libraries
Touch-friendly image lightbox for mobile and desktop
Touch-friendly image lightbox for mobile and desktop
Return an optimized avatar image from a domain name input.
IndieWeb Avatar API A runtime service to extract avatar images from: link rel="apple-touch-icon" link rel="apple-touch-icon-precomposed" link rel
A react native cached, animated, and auto chooses the best-resolution image for the current screen.
A react native cached, animated and auto chooses the best-resolution image for the current screen. This is a simple react native image component that
Further split the React Native code based on Metro build to improve performance, providing `Dll` and `Dynamic Imports` features
React-Native Code Splitting Further split the React Native code based on Metro build to improve performance, providing Dll and Dynamic Imports feature
Open-source project which generates the Fortnite Item Shop in an image similar to the in-game design.
Fort-Shop Fort-Shop is a unique project which generates the current Fortnite Item Shop into a stylized image, similar to the new In-Game design (refer
One-stop TLS traffic inspection and manipulation using dynamic instrumentation
hallucinate Author: Moritz Bechler [email protected] Project Repository: https://github.com/SySS-Research/hallucinate License: MIT Originally ins
Enjoy creating cover image for your hashnode blog like never before, get started in seconds ๐
Slickr โจ๏ธ View Demo ยท Report Bug ยท Request Feature Introducing Slickr โ๏ธ Slick is the most powerful and the easiest app to create beautiful cover imag
A multi-purpose discord bot, that has 100+ commands. Includes ๐ถ Music, ๐ท Image Generation, ๐ Leaderboard, and more!
Cleckzie An open-source, multi-purpose discord bot, made with JavaScript. Has useful categories like: ๐ถ Music - filter, seek, queue, volume and more.
ฤฐnstagram Clone.You can sign in, sign up, upload image, make comment ๐ท Used ReactJS, Material UI, Firebase, Firestore Database
๐ก instagram-clone This is a instagram clone. You can sign in, sign up, upload image, make comment ๐ท โก LIVE To check out the live demo of this app AB
๐ค Custom gradient image generator
Gradient Gradient is a custom gradiant making web app. Use it here Features Custom Gradient Making Using Sliders And Color Picker Use Ready Made Gradi
A robust, secure, and easily deployable image resizing service that resizes, optimizes, and caches images on "the edge," on the fly, built on AWS Serverless technologies. Served by CloudFront via an Origin Access Identity. Executed on Lambda@Edge. Backed by S3. Protected by AWS WAF. Provisioned via CloudFormation. Deployed by the AWS SAM CLI.
Image Flex A robust, secure, and easily deployable image resizing service that resizes, optimizes, and caches images on "the edge," on the fly, built
A refined tool for exploring open-source projects on GitHub with a file tree, rich Markdown and image previews, multi-pane multi-tab layouts and first-class support for Ink syntax highlighting.
Ink codebase browser, "Kin" ๐ The Ink codebase browser is a tool to explore open-source code on GitHub, especially my side projects written in the In
๐ Image recognition for nextcloud
Nextcloud Recognize Image recognition for Nextcloud This app goes through your photo collection and adds fitting tags, automatically categorizing your
A crawler that extracts data from a dynamic webpage. Written in node js.
๐ธ๏ธ Gumo "Gumo" (่่) is Japanese for "spider". Overview ๐ A web-crawler (get it?) and scraper that extracts data from a family of nested dynamic webp
A Node JS Express/Serverless demo application that creates a slideshow video using the Pexels image library and Shotstack video editing API.
Shotstack Pexels Slideshow Video Demo This project demonstrates how to use the Shotstack cloud video editing API to create a video using an HTML form
Change the color of an image to a specific color you have in mind.
image-recolor Run it: https://image-recolor.vercel.app/ image.recolor.mov Acknowledgments Daniel Bรผchele for the algorithm: https://twitter.com/daniel
Display images in the terminal
terminal-image Display images in the terminal Works in any terminal that supports colors. In iTerm, the image will be displayed in full resolution, si
A light wight javascript image viewing plugin with smooth animation and 0 dependence
A light wight javascript image viewing plugin with smooth animation and 0 dependence
Dynamic tracing for javascript, in javascript (similar dtrace, ktap etc)
jstrace Dynamic tracing for JavaScript, written in JavaScript, providing you insight into your live nodejs applications, at the process, machine, or c
Chart image and QR code web API
QuickChart QuickChart is a service that generates images of charts from a URL. Because these charts are simple images, they are very easy to embed in
The ultimate solution for populating your MongoDB database.
Mongo Seeding The ultimate solution for populating your MongoDB database ๐ Define MongoDB documents in JSON, JavaScript or even TypeScript files. Use
๐ฆ๐A lightweight private proxy registry build in Node.js
Version 6 (Development branch) Looking for Verdaccio 5? Check branch 5.x. Verdaccio is a simple, zero-config-required local private npm registry. No n
๐ Content-aware image resizer based on Seam Carving algorithm
Content-aware image resizing might be applied when it comes to changing the image proportions (i.e. reducing the width while keeping the height) and when losing some parts of the image is not desirable.
A speedy motion transition effect for an image slideshow.
Motion Transition Effect A speedy motion transition effect for an image slideshow. Inspired by Ping Pong Slow Motion. Article on Codrops Demo Credits
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.
Thumbnail Grid with Expanding Preview A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Googl
Add a retro/vintage effect to images using the HTML5 canvas element
vintageJS Add a retro/vintage effect to images using the HTML5 canvas element. Installation $ npm install vintagejs How to use vintagejs is a functio
KenBurns Image Effect for React Native Applications
react-native-kenburns-view KenBurns Image Effect for React Native. Based on Image Component Image Component. Version: 4.1.0 Tested on React Native 0.6
image/video/content slideshow engine providing high quality animation effects including Kenburns Effect and GLSL Transitions.
Diaporama Diaporama is an image/video/content slideshow engine providing high quality animation effects including Kenburns effect and GLSL Transitions
A full image reveal effect with fancy thumbnail sliding.
Full Image Reveal Effect A full image reveal effect with fancy thumbnail sliding. Article on Codrops Demo Credits Images from Unsplash.com TweenMax by
A sticky image effect for a slideshow inspired by ultanoir's website.
How to Create a Sticky Image Effect with Three.js A sticky image effect for a slideshow inspired by ultanoir's project showcase slideshow. Article on
A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect.
Image Tilt Effect A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to c
Pure CSS Image Hover Effect Library
imagehover.css A Scaleable & Light Image Hover CSS Library Imagehover.css is a lovingly crafted CSS library allowing you to easily implement scaleable
CSS 3D renderer for Three.js.
CSS3D.js by Steven Wittens CSS 3D renderer for Three.js Note: this library is mostly obsolete now that Three.js has its own CSS 3D renderer which is i
A set of effects for mouse-following image trails that show a random series of images.
Image Trail Effects A set of effects for mouse-following image trails that show a random series of images. Inspired by the effect seen on VLNC Studio.
Switch the background-image with using effect.
jQuery.BgSwitcher Switch the background image with using effect. Demo http://rewish.github.io/jquery-bgswitcher/ Usage div class="box" pLorem ip
Background image segment effect as seen on [Filippo Bello's Portfolio](http://www.filippobello.com/portfolio).
Segment Effect Background image segment effect as seen on Filippo Bello's Portfolio. Article on Codrops Demo License Integrate or build upon it for fr
The smallest, simplest and fastest JavaScript pixel-level image comparison library
pixelmatch The smallest, simplest and fastest JavaScript pixel-level image comparison library, originally created to compare screenshots in tests. Fea
โ ๏ธ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-viewer
Viewer A simple jQuery image viewing plugin. As of v1.0.0, the core code of Viewer is replaced with Viewer.js. Demo Viewer.js - JavaScript image viewe
Unite Gallery - Responsive jQuery Image and Video Gallery Plugin. Aim to be the best gallery on the web on it's kind. See demo here:
##Unite Gallery - Responsive jQuery Gallery Plugin Product Link: unitegallery.net This gallery has commercial versions for: WordPress , Joomla! , Pres
Nivo Slider - The Most Awesome jQuery Image Slider
Maintainer's Wanted! - Ineterested in contributing regularly to Nivo Slider development? Get in touch Nivo Slider The Nivo Slider is world renowned as
A jquery plugin for comparing two images
jQuery Images Compare A jquery plugin for comparing two images Badges Features compatibility : ie9+ Effort to put appearance via css (easier to skin /
jQuery plugin based on raphael.js that allows you to display dynamic vector maps
jQuery Mapael - Dynamic vector maps The complete documentation is available on Mapael website (repository: 'neveldo/mapael-documentation'). Additional
jQuery plugin that makes an image erasable (with mouse or touch movements)
jQuery.eraser v0.5.2 a jQuery plugin that makes an image erasable (with mouse or touch movements) This plugin replaces the targeted image by an intera
Backstretch is a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element. The image will stretch to fit the page/element, and will automatically resize as the window/element size changes.
Note: This repo is currently looking for maintainers: https://github.com/jquery-backstretch/jquery-backstretch/issues/464 Backstretch Backstretch is a
Full CSS support for JSX without compromises
styled-jsx Need help? Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which w
Less. The dynamic stylesheet language.
Chat with Less.js users and contributors This is the Less.js monorepo, managed via Lerna. More information For general information on the language, co
Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile images. Updates manifest.json and index.html files with the generated images according to Web App Manifest specs and Apple Human Interface guidelines.
pwa-asset-generator โจ Automates PWA asset generation and image declaration. Automatically generates icon and splash screen images, favicons and mstile
Dynamic ES module loader
SystemJS SystemJS is a hookable, standards-based module loader. It provides a workflow where code written for production workflows of native ES module
Extract prominent colors from an image. JS port of Android's Palette.
Vibrant.js Extract prominent colors from an image. Vibrant.js is a javascript port of the awesome Palette class in the Android support library. โ ๏ธ THI
JavaScript image gallery for mobile and desktop, modular, framework independent
PhotoSwipe Repository JavaScript image gallery for mobile and desktop. Documentation and getting started guide. Demo and script home page. NPM npm ins
๐ A flexible and fun JavaScript file upload library
A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user
Plupload is JavaScript API for building file uploaders. It supports multiple file selection, file filtering, chunked upload, client side image downsizing and when necessary can fallback to alternative runtimes, like Flash and Silverlight.
Plupload Plupload is a cross-browser multi-runtime file uploading API. Basically, a set of tools that will help you to build a reliable and visually a
Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Fine Uploader is no longer maintained and the project has been effectively shut down. For more info, see https://github.com/FineUploader/fine-uploader
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
Dropzone is a JavaScript library that turns any HTML element into a dropzone. This means that a user can drag and drop a file onto it, and Dropzone wi
๐ DataFormsJS ๐ A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
๐ Welcome to DataFormsJS! Thanks for visiting! ๐ ๐ ๐ ๐ ๐ ๐ ไธญๆ (็ฎไฝ) ๆฌข่ฟๆฅๅฐ DataFormsJS Espaรฑol Bienvenido a DataFormsJS Portuguรชs (do Brasil) Bem
UNMAINTAINED Open source JavaScript renderer for Kartograph SVG maps
This project is not maintained anymore. Here are a few reasons why I stopped working on kartograph.js: there's no need to support non-SVG browsers any
Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers.
Polymaps Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers. See http://polymaps.org for more details.
โ ๏ธ [Deprecated] No longer maintained, please use https://github.com/fengyuanchen/jquery-cropper
Cropper A simple jQuery image cropping plugin. As of v4.0.0, the core code of Cropper is replaced with Cropper.js. Demo Cropper.js - JavaScript image
Resize image in browser with high quality and high speed
pica - high quality image resize in browser Resize images in browser without pixelation and reasonably fast. Autoselect the best of available technolo
:woman: Library for image processing
Lena.js Tiny library for image processing. Install via NPM npm install lena.js --save Install via yarn yarn add lena.js Run demo yarn demo Demo htt
A responsive image polyfill for picture, srcset, sizes, and more
Picturefill A responsive image polyfill. Authors: See Authors.txt License: MIT Picturefill has three versions: Version 1 mimics the Picture element pa
A customizable, modular, responsive, lightbox gallery plugin.
lightGallery A customizable, modular, responsive, lightbox gallery plugin for jQuery. Demo JQuery lightGallery demo. Codepen demo Main features Fully
jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more.
jBox jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more. Demo: https://stephanwagner.
Simple and tiny JavaScript library that adds parallax animations on any images
simpleParallax.js simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any images. Where it may be laboriou
An intro page with a full width background image, a bold animated menu and an iOS-like blurred effect behind the navigation
Full Page Intro & Navigation An intro page, focused around a full width background image and a bold animated menu. And, for browsers that support it,
:fire::fire::fire: ๅผบๅคง็ๅจๆ่กจๅ็ๆๅจ|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON.
form-create form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions thr
๐ A flexible and fun JavaScript file upload library
A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user
๐ฆโข [Work in Progress] React Renderer to build UI interfaces using canvas/WebGL
React Ape React Ape is a react renderer to build UI interfaces using canvas/WebGL. React Ape was built to be an optional React-TV renderer. It's mainl
๐๐จ Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.
Full featured image editor using HTML5 Canvas. It's easy to use and provides powerful filters. Packages toast-ui.image-editor - Plain JavaScript compo
Grab the color palette from an image using just Javascript. Works in the browser and in Node.
Color Thief Grab the color palette from an image using just Javascript.Works in the browser and in Node. View the demo page for examples, API docs, an
๐ Create PDF files using React
React renderer for creating PDF files on the browser and server Lost? This package is used to create PDFs using React. If you wish to display existing
๐ A flexible and fun JavaScript file upload library
A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user
๐จ๐ญ A React renderer for Three.js
react-three-fiber react-three-fiber is a React renderer for threejs. npm install three @react-three/fiber Why? Build your scene declaratively with re-
Dynamic HTML5 visualization
Envision.js Fast interactive HTML5 charts. http://groups.google.com/group/envisionjs/ Features Modern Browsers, IE 6+ Mobile / Touch Support Pre-built
A renderer agnostic two-dimensional drawing api for the web.
Two.js A two-dimensional drawing api meant for modern browsers. It is renderer agnostic enabling the same api to render in multiple contexts: webgl, c