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! Learn more →
Top 23 TypeScript Image Projects
-
upscayl
🆙 Upscayl - Free and Open Source AI Image Upscaler for Linux, MacOS and Windows built with Linux-First philosophy.
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
-
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!
-
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)
-
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.
-
react-avatar-editor
Small avatar & profile picture component. Resize and crop uploaded images using a intuitive user interface.
-
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)
-
-
-
-
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)
-
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
4. Advanced Cropper
-
-
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/
-
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-02There 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.
-
-
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.
-
-
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.
TypeScript Image related posts
- [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
- Different pc gamers
- Vogue photoshoot w. Walter White, Wes Anderson style V5.1
- Upscayl v2.5 Pre-Release is out for Linux! (Linux gets the release before other platforms)
- Handwritten notes on Obsidian - link your hand written Goodnotes or Notability notes to Obsidian
- Upscayl v2.5 Pre-Release is out for Linux! (Linux gets the release before other platforms)
- 300 dpi images
-
A note from our sponsor - Appwrite
appwrite.io | 3 Jun 2023
Index
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 |