361 Repositories
JavaScript image-editor Libraries
A library that makes Image Map Area responsive
A library that makes Image Map Area responsive
Liferay Remote Blog Editor
Liferay Remote Blog Editor Demonstrate how a blog editor built with React can be integrated as a Remote App in Liferay 7.4. Getting Started Clone this
Open source app to beautify screenshots, quickly and easily
Codename: Pika What it does Lets you quickly beautify screenshots by adding rounded corners, background colors, shadows and more. You can copy the bea
A file based wiki that uses markdown
wikmd What is it? It’s a file-based wiki that aims to simplicity. The documents are completely written in Markdown which is an easy markup language th
Minimal yet Pro Writer 🚀
Pro Writer Dev Note Welcome to Pro Writer 🚀 First of all, Thanks for using Pro Writer 💛 You can see letter count, word count, line count, and text m
🎇 Dynamic Image Generator as a Service
Dynapic is a tool for generating images with dynamic content. You can use it to generate headers or profile pictures for your Social Media profiles, O
Image addon for xterm.js
xterm-addon-image Image output in xterm.js. ⚠️ This is an experimental addon, that is still under construction. ⚠️ Install from npm (not yet released)
A simple package for single or batch image download and conversion using node streams.
image-batch-download A simple package for basic image downloading and processing. Supported formats: JPEG PNG WebP Installation With Yarn: yarn add im
lightweight (~5kb) code editor custom element with syntax highlighting
code-edit lightweight (~5kb) code editor custom element with syntax highlighting 🔧 Install · 🧩 Example · 📜 API docs · 🔥 Releases · 💪🏼 Contribute
A POC of a Discord.js bot that sends 3D rendering instructions to a Go server through gRPC which responds with the image bytes which are then sent back on Discord.
A POC of a Discord.js bot that sends 3D rendering instructions to a Go server through gRPC which responds with the image bytes which are then sent back on Discord.
Override the rich text editor in Strapi admin with ToastUI Editor.
strapi-plugin-wysiwyg-tui-editor ⚠️ This is a strapi v4 plugin which does not support any earlier version! A Strapi plugin to replace the default rich
Typewriter is a simple, FOSS, Web-based text editor that aims to provide a simple and intuitive environment for you to write in.
Typewriter Typewriter is a simple, FOSS, Web-based text editor that aims to provide a simple and intuitive environment for you to write in. Features S
An Easy and Fast WYSIWYG Editor
Simditor Simditor is a browser-based WYSIWYG text editor. It is used by Tower -- a popular project management web application. Supported Browsers: IE1
Markdown Plus is a markdown editor with extra features
Markdown Plus Markdown Plus ("M+" or "mdp" for short) is a markdown editor with extra features. Online demo: mdp.tylingsoft.com Apps We currently don'
The open source embeddable online markdown editor (component).
Editor.md Editor.md : The open source embeddable online markdown editor (component), based on CodeMirror & jQuery & Marked. Features Support Standard
In-browser Markdown editor
StackEdit Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites
wangEditor —— 轻量级web富文本框
wangEditor wangEditor 轻量级 web 富文本编辑器,配置方便,使用简单! 官网 · 文档 English · 在线示例 · 提交 bug · 建议增加新功能 体验新版本 wangEditor V5 新版本已公开测试,请查看 V5 文档 项目介绍 wangEditor 是一款使用
The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.
CKEditor 4 - Smart WYSIWYG HTML editor A highly configurable WYSIWYG HTML editor with hundreds of features, from creating rich text content with capti
基于 ueditor的更现代化的富文本编辑器,支持HTTPS
新版发布 2.1 发布,此次版本移除了后端相关代码,纯 ajax 提交,请配置 neditor.config.js neditor.service.js,支持各种后端或者云存储。 捐赠 该项目需要您的支持, 捐赠 以支持此项目的发展。 第一步:下载编辑器 方式一:完整安装包 (推荐) Neditor
A editor with the main features created using Remirror and with a special code block
A editor with the main features created using Remirror and with a special code block
Generate an image of all your Github contributions
GitHub Contribution Chart Generator Generates an image of all your GitHub contributions since you have signed up, so you can use it in social media. T
Monolithic repo for api server, image server, web server
Onsecondary Market Deployed at https://market.onsecondary.com Monolithic repo for api server, image server, web server TODO -use a script to cull expi
Lightweight library to copy PNG and JPG images to clipboard
Copy Image Clipboard Created with ❤️ by Luan Eduardo da Costa | Follow me on Linkedin 📃 About This library allows you to copy JPG and PNG images (onl
🍞🎨 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 co
Jquery-cropper - A jQuery plugin wrapper for Cropper.js.
jquery-cropper A jQuery plugin wrapper for Cropper.js. Demo Main dist/ ├── jquery-cropper.js (UMD) ├── jquery-cropper.min.js (UMD, compresse
Diagram-maker - A library to display an interactive editor for any graph-like data.
Diagram Maker Diagram Maker is a library to display an interactive editor for any graph-like data. Following is a screenshot from one of the consumers
Jquery-anyimagecomparisonslider-plugin - The any Image Comparison Slider is an extremely versatile yet slim slider for comparing images. You have a lot of options to configure the slider and it works just about everywhere.
any Image Comparison Slider (jquery-anyimagecomparisonslider-plugin ) Description The any Image Comparison Slider is an extremely versatile yet slim s
Liquideffect - Javascript Library for creating liquid effect on image and RGB effect on mouse direction.
LiquidEffect Javascript Library for creating liquid effect on image and RGB effect on mouse direction. Demo https://liquideffect.netlify.app/ Dependen
Drawflow - Simple flow library 🖥️🖱️
Drawflow Simple flow library. Drawflow allows you to create data flows easily and quickly. Installing only a javascript library and with four lines of
A CodeMirror (v6) extension for adding relative line numbers to your code editor
Relative Line Numbers for CM6 Installation yarn add codemirror-line-numbers-relative Usage import { EditorView } from "@codemirror/view"; import { Edi
Super-Resolution-CNN - web server for super-resolution CNN
Web Server for Image Super-Resolution This project showcases the Super-Resolution CNN (SRCNN). The model is pretrained following this tutorial. The or
Annotation-Wizard - a web-based image annotation platform that allows authors to create annotation tasks and annotators to take tasks and annotate images.
Annotation Wizard Annotation Wizard is a web-based image annotation platform. Functionalies User login and register create your own image annotation t
A simple web app that people can chat and send images into.
Typsnd Typsnd. Type, send. It's as simple as that. Typsnd is a simple web app that people can chat and send images into. It is based on Express.JS, No
A web interface to edit TP-Link Router Config export files (typically named config.bin).
TP-Link Router Config Editor A web interface to edit TP-Link Router Config export files (typically named config.bin). Visit the website. Tested on an
Create and customize images for social media posts with giphy & unsplash
image-creator Create and customize images for social media posts with giphy & unsplash Project Board https://github.com/users/bvasko/projects/1 Librar
generate a map server side and save/return it as png image
NFT map generator Request a new map to be generated with latitude and longitude params, for example http://localhost:3000/maps?lat=45.3579&lng=9.4427
It's a toy pixelart editor.
Pixstart!, THE Editor Important Subtitle: another ONLINE Pixelart editor for a NEW Generation, an ONLINE tool Rev-O-LutION, probably... except it's me
Self-hosting web code editor (for Hack Club CodeJelly)
reflection Self-hosting web code editor (for Hack Club CodeJelly) Reflection-editor is a code editor that edits its own code, and uses modern web tech
Capture a famous phrase, download it without hassle and share it with your friends. 🎉
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Add focal point alignment of images to your Alpine 3.x components with a custom directive.
Alpine Focal Add focal point alignment of images to your Alpine 3.x components with a custom directive. This package only supports Alpine v3.x. About
Convert json data from editorjs to html elements
EditorJs Data Parser Easyly convert json data from editorjs to html elements Installaton npm i editorjs-data-parser yarn add editorjs-data-parser Supp
Hello! Welcome to Our own Live Code Editor 2!! This is supported tabs and full-screen editing, Console, tabs and more are coming. We uses this one in our all tutorials. Made by @E-Coders & @Genius398
Live Code Editor 2 Hello! this is our live code editor an another second release version of our main Resporibity. This have style as tabs and more fea
Personal blog and portfolio with a admin panel and comment system.
Implementation of a Full Stack Blog With a Comment System And Admin Panel With PHP, React & MYSQL FULL DOCUMENTATION SITE LINK Contents Database Desig
HTTP Client for Visual Studio Code to POST JSON, XML, image, ... files to REST APIs
friflo POST Goal Main goal of this extension is storing all HTTP request & response data automatically as files in a VSCode workspace. This ensures th
A user script for the web that allows you to view and edit files in the Godot Web Editor
Godot-Web-File-Manager This is a user script for the web that allows you to view and edit files in the Godot Web Editor. You can even use this to enab
Touch-friendly image lightbox for mobile and desktop
Touch-friendly image lightbox for mobile and desktop
A text editor built with react , firebase and quill
Welcome to Text-Editor 👋 A simple text editor built with react,firebase v8 & quill ✨ Demo Install npm install Usage npm run start Run tests npm run t
Totality Editor
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]
Gantt Gantt Gantt Timeline Schedule Calendar [ javascript gantt, js gantt, projects gantt, timeline, scheduler, gantt timeline, reservation timeline, react gantt, angular gantt, vue gantt, svelte gantt, booking manager ]
plain text editor
writer Plain text editor from scratch, made for the web. Drag and drop files to open them. Architecture Buffer is an array of array of lines Text is m
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
How to submit HTML forms to Google Sheets. (Updated for 2021 Script Editor)
Submit a HTML form to Google Sheets How to submit a simple HTML form to a Google Sheet using only HTML and JavaScript. Updated for Google Script Edito
A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snippets.
Warm Up 🔥 👨💻 A VS Code extension to practice and improve your typing speed right inside your code editor. Practice with simple words or code snipp
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
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
An online code editor for interviews, troubleshooting, teaching & more…
PEER CODER ⭐ Overview 👀 Real time code syncing among peers 👨💻 Executes code in Java, Python, C++, C 💻 Real time video and audio call 📹 Clean UI
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
محرر أكود ألف باستخدام تقنيات الويب 📝
محرر ألف https://alifcommunity.github.io/alif-editor/ هنا يوجد كود محرر ألف، الذي يمكن استخدامه ضمن تطبيقات عديدة مثل بيئة تطوير عن طريق صنع تطبيق سطح
A powerful WYSIWYG rich text web editor by pure javascript
KothingEditor A powerful WYSIWYG rich text web editor by pure javascript Demo : kothing.github.io/editor The KothingEditor is a lightweight, flexible,
一个代码在线编辑预览工具,类似codepen、jsbin、jsfiddle等。
code-run 一个代码在线编辑预览工具,类似codepen。 在线使用:http://lxqnsys.com/code-run/,在线版支持用户登录相关功能,支持云端保存与分享,本仓库的代码不包含该部分功能,如有需要,可邮件联系:[email protected]。 项目设计思路及开发过程可参考
🏔 Image recognition for nextcloud
Nextcloud Recognize Image recognition for Nextcloud This app goes through your photo collection and adds fitting tags, automatically categorizing your
openAPI editor for nerds
Comet OpenAPI Editor For Nerds Online Editor https://comet.chilllab.io Example Petstore How to run in the local Env Node 12+ Steps Clone the project i
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
A browser based code editor
Monaco Editor The Monaco Editor is the code editor which powers VS Code, with the features better described here. Please note that this repository con
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
Online Golang Struct to TypeScript Interface Converter
Golang Struct to TypeScript Interface Use this tool live! https://stirlingmarketinggroup.github.io/go2ts/ This tool converts Go structs to TypeScript
Sublime-like terminal-based text editor
slap 👋 slap is a Sublime-like terminal-based text editor that strives to make editing from the terminal easier. It has: first-class mouse support (ev
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
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
🎉 Next Generation API-first CMS for developers. Generate an API-first CMS from a GraphQL schema with offline prototyping and an inline editor
Tipe Next Generation API-first CMS Design your content Shape and design content for any project you and your team are working on. Create your content
Apache Superset is a Data Visualization and Data Exploration Platform
Superset A modern, enterprise-ready business intelligence web application. Why Superset? | Supported Databases | Installation and Configuration | Rele
📦🔐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
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
:mountain_bicyclist: Landing Pages of Ant Design System
Ant Design Landing Landing Pages of Ant Design System English | 简体中文 What is Landing? Landing is a template built by Ant Motion's motion components. I
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
Tina is an open source editor that brings visual editing into React websites. Tina empowers developers to give their teams a contextual and intuitive editing experience without sacrificing code quality.
Tina is an open source editor that brings visual editing into React websites. Tina empowers developers to give their teams a contextual and intuitive editing experience without sacrificing code quality.
⚠️ [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 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