JSTools Weekly

Share this post

✨2023#15: Unlazy: Universal Lazy Loading

jstools.substack.com
✨ New Tools

✨2023#15: Unlazy: Universal Lazy Loading

📅 April 9-15, 2023, Highlights: new tools on lazy loading, vue utilities, so many gpt related tools, text to sql, zod, starter templates,yaml, and more!

WebGuy
Apr 19, 2023
1
Share this post

✨2023#15: Unlazy: Universal Lazy Loading

jstools.substack.com

unlazy: 🪧 Universal lazy loading library for placeholder images leveraging native browser APIs

unlazy library
source
  • 🎀 Native: Utilizes the loading="lazy" attribute

  • 🎛️ Framework-agnostic: Works with any framework or no framework at all

  • 🌊 BlurHash support: SSR & Client-Side BlurHash Decoding

  • 🪄 Sizing: Automatically calculates the sizes attribute

  • 🔍 SEO-friendly: Detects search engine bots and preloads all images

  • 🎟 <picture>: Supports multiple image tags

  • 🏎 Auto-initialize: Usable without a build step

jscanify: Open-source Javascript mobile document scanner.

  • paper detection & highlighting

  • paper scanning with distortion correction

strz: 💪 Very strongly typed string functions in TypeScript

vue-c2c: Transforming Vue components to composable functions

vue-c2c
source

vue-reuse-template: Define and reuse Vue template inside the component scope.

next-zod-router: Zod driven simple method routing for Next.js

  • Type-safe API routing

  • Type-safe API call

  • Validation using zod

  • Error handling

  • Type definition file generation for client-side use

  • Middleware support

telegram-chatgpt-concierge-bot: Interact with OpenAI's ChatGPT via Telegram and Voice.

ai-legion: An LLM-powered autonomous agent platform

autogpt-gui: A graphical user interface for AutoGPT

ai-brainstore: A proof-of-concept of a brain for an AI agent.

babyagijs: AI-powered task management system in Javascript

  • Task creation: Generates new tasks based on the current context and objectives.

  • Task prioritization: Reorders tasks according to their importance and relevance to the main objective.

  • Task execution: Performs tasks and returns results.

babyagi-ts: A CLI tool for creating and managing BabyGI agents

gptrpg: A demo of an GPT-based agent existing in an RPG-like environment

gpt-assistant: An experiment to give an autonomous GPT agent access to a browser and have it accomplish tasks

Gif example
source

nextjs-chatgpt-plugin-starter: ChatGPT plugin starter project using Next.js

langchain-pdf-qa: use a local PDF/text file to ask questions and generate asnwers.

weathergpt: WeatherGPT is a ChatGPT Plugin to get the weather of any given location.

CleanShot 2023-04-13 at 13 16 45
source

superpower-chatgpt: Superpower ChatGPT Chrome Extension

zod-chatgpt: use of zod and openai's chatgpt to generate formatted, typed, consistent output

ethgpt: Chatbot for Ethereum codebase and docs.

yaml-runner: yaml-runner is a command-line tool that automates the execution of tasks based on instructions defined in YAML files.

autoheal: AutoGPT Agent which automatically fixes your tests. GPT-powered TDD.

Autoheal Logo
source

flowgpt: Generate diagram with AI

SQLiteGPT: SQL function for SQLite to directly query OpenAI's ChatGPT

liquery: Powerful search, tagging, filtering and sorting via simple text query language, for SQLite databases

ematchi: Everything you need to build a Svelte project, powered by create-svelte

see: A neural network in TypeScript's type system.

open-in-overleaf: Open latex of any arxiv.org paper on overleaf

open-in-codeflow: Add a button to open the repo/issue/PR in Codeflow in GitHub

source

AutoFocusDOF: Autofocus DOF component for React Three Fiber

svelte-stepper: 🚶 A simple library for building delightfully animated stepped flows with Svelte.

webgpu-memory: Track your WebGPU memory usage

browser-extension-template: A template for browser extensions, based on react, and redux connectivity between content-script and background.

pixelpage: Pixel page is an r/place style shared pixel art canvas 🎨🦕

  • Real-time multiplayer canvas

  • Global persistent canvas state using Deno KV

  • Synchronizes game state between clients using BroadcastChannel

  • Sends updates from server to clients using EventSource (server-sent events)

promptlang: A mini programming language for prompting LLMs

Thanks for reading JSTools Weekly! Subscribe for free to receive new posts and support my work.

1
Share this post

✨2023#15: Unlazy: Universal Lazy Loading

jstools.substack.com
Share
Previous
Next
Comments
Top
New
Community

No posts

Ready for more?

© 2024 WebGuy
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing

Our use of cookies

We use necessary cookies to make our site work. We also set performance and functionality cookies that help us make improvements by measuring traffic on our site. For more detailed information about the cookies we use, please see our privacy policy. ✖