TypeScript Image

Open-source TypeScript projects categorized as Image

Top 23 TypeScript Image Projects

  • upscayl

    🆙 Upscayl - Free and Open Source AI Image Upscaler for Linux, MacOS and Windows built with Linux-First philosophy.

    Project mention: Different pc gamers | /r/pcmasterrace | 2023-05-06

    Considering a 4080RTX for AI tools performance in the future, noticed a big performance gap in upscayl, while using a rtx card vs non rtx https://github.com/upscayl/upscayl

  • satori

    Enlightened library to convert HTML and CSS to SVG

    Project mention: How to generate dynamic OG image using new NextJs with App directory | dev.to | 2023-03-29

    Here you are returning an ImageResponse instead of the Response, alternatively you can also extend the request and response web api using 'NextRequest' and 'NextRespone', to do that you can import them using import { NextResponse, NextRequest } from 'next/server';, though for this example it is not required. Now if you refresh your browser you will get an image generated by your 'route.js' at request time. Well we are almost done. You can render whatever dynamic data in your image you want and customize your image using og playground, you can even generate 'SVG' on request as the og image. For this example we will fetch a random number from random.org api, then we will use that number as an id and fetch an image from Lorem Picsum, with the same image url we will fetch the description for the image from the Alt Image Generator and generate an image on request with the image that we fetched and the description we have fetched and use it in a design to create the og image. Kind of like that.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • react-native-fast-image

    🚩 FastImage, performant React Native image component.

    Project mention: [New iOS App] Discover, track, and never miss a moment of your favourite TV shows and movies with Cinematik - after a long break I am finally getting some time to finish my long overdue app | /r/reactnative | 2023-06-02

    Hey there, thanks for checking it out. I am using a Realm local db for persistence, PostgressSQL for server. But the caching for images is handled by Fast Image (https://github.com/DylanVann/react-native-fast-image)

  • html-to-image

    ✂️ Generates an image from a DOM node using HTML5 canvas and SVG.

    Project mention: nize.pics – create beautiful images of code and screenshots | /r/webdev | 2022-11-12

    Thanks! It's built with React (Next.js) and Mantine for the UI components. I'm not sure what you mean with edit systems, but the layers are using react-draggable. The syntax highlighting is powered by shiki and a bunch of exported VS Code themes. The state is handled by zustand, with the undo-redo functionality built on top of it. The code formatting is done with prettier and the image export uses html-to-image.

  • sqip

    "SQIP" (pronounced \skwɪb\ like the non-magical folk of magical descent) is a SVG-based LQIP technique.

    Project mention: Stepped image compression API? | /r/webdev | 2022-09-02
  • react-avatar-editor

    Small avatar & profile picture component. Resize and crop uploaded images using a intuitive user interface.

  • exifcleaner

    Cross-platform desktop GUI app to clean image metadata

    Project mention: im afraid if i took a picture of the floor they would find me 💀 | /r/femboymemes | 2023-05-18

    exifcleaner is what i use, but there should be other options including browser/online tools

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  • react-image

    React.js <img> tag rendering with multiple fallback & loader support

  • react-photo-view

    An exquisite React photo preview component.

  • ipx

    High performance, secure and easy to use image proxy based on Sharp and libvips. (by unjs)

  • WASM-ImageMagick

    Webassembly compilation of https://github.com/ImageMagick/ImageMagick & samples

    Project mention: Easy boxart resizing with imagemagick in your browser. No install, no CLI! | /r/RG35XX | 2023-05-05

    Credit: Go check it out the GitHub project page thanks to Nick Maliwacki's (KnicKnic)

  • node-html-to-image

    A Node.js module that generates images from HTML

    Project mention: Avoiding UI Regressions With Jest | dev.to | 2023-03-07

    To have this kind of test in your codebase, you will need two libraries: jest-image-snapshot and node-html-to-image.

  • blurify

    blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from `css` mode to `canvas` mode.

  • react-advanced-cropper

    The react cropper library that embraces power of the advanced cropper core to give the possibility to create croppers that exactly suited for your website design

    Project mention: The 7 Best React Component Libraries to Use in 2022 | dev.to | 2022-11-01

    4. Advanced Cropper

  • Korkut

    Quick and simple image processing at the command line. :hammer:

  • exiftool-vendored.js

    Fast, cross-platform Node.js access to ExifTool

    Project mention: Lychee – Self-hosted photo-management done right | news.ycombinator.com | 2022-10-01

    The frontend is in Vue. Both the FE and BE are in TypeScript.

    Parallelism is provided by https://github.com/photostructure/batch-cluster.js/

    Metadata reads and writes are via https://github.com/photostructure/exiftool-vendored.js/

    My more nerdier blog posts are tagged here: https://photostructure.com/tags/coding/

  • vue-easy-lightbox

    A tiny lightbox component for Vue.js 3.0 :tada::tada: https://xiongamao.github.io/vue-easy-lightbox/

  • core

    基于 Eagle/Pixcall/Billfish 等素材管理工具, 用于局域网内展示已有的图库。 (by rao-pics)

    Project mention: GitHub - Eagle App was used as the background management system to quickly build pic website and self-built pic library. | /r/javascript | 2023-02-18
  • oz-image-in-editor-obsidian

    This Obsidian plugin to view Images, Transclusions, iFrames and PDF Files within the Editor without a necessity to switch to Preview.

    Project mention: Handwritten notes on Obsidian - link your hand written Goodnotes or Notability notes to Obsidian | /r/ObsidianMD | 2023-05-02

    There are more options you can use with 'Ozan's Image in Editor Plugin,' such as changing the size of the transclusion, or transcluding to specific page. You can read more about them on the plugins repository.

  • egjs-grid

    A component that can arrange items according to the type of grids

  • Picsur

    An easy to use, selfhostable image sharing service like Imgur with built in converting

    Project mention: Picsur V0.3.0 released! A huge improvement | /r/selfhosted | 2022-08-29

    There currently is an online demo here (all images will be deleted every 5 minutes). You can view the setup instructions and the source code in the github repository (Please leave a star if you like it). There is also a github project where you can see all the features I already have planned for next versions.

  • color.js

    Extract colors from an image (0.75 KB) 🎨 (by luukdv)

  • Void

    Fast and elegant file hosting service. (by AlphaNecron)

    Project mention: Chevereto v4.0.6 update with custom semantics, CTA, RTL and new profile display | /r/selfhosted | 2023-01-04

    I'll pass on Chevereto, XBackbone at least checks 3/4 of those boxes for me, Chevereto checks 0/4. I still need to look into AlphaNecron / Void, it looks promising.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-06-02.

TypeScript Image related posts


What are some of the best open-source Image projects in TypeScript? This list will help you:

Project Stars
1 upscayl 14,123
2 satori 8,178
3 react-native-fast-image 7,608
4 html-to-image 3,796
5 sqip 3,335
6 react-avatar-editor 2,144
7 exifcleaner 1,280
8 react-image 1,123
9 react-photo-view 1,117
10 ipx 742
11 WASM-ImageMagick 736
12 node-html-to-image 692
13 blurify 682
14 react-advanced-cropper 359
15 Korkut 356
16 exiftool-vendored.js 338
17 vue-easy-lightbox 319
18 core 305
19 oz-image-in-editor-obsidian 275
20 egjs-grid 217
21 Picsur 211
22 color.js 186
23 Void 182
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.