unpkg Reviews and Details

Social recommendations and mentions

• How to Run FFmpeg in the Browser with WebAssembly (WASM): The Ultimate Guide to Client-Side Video Processing

  Import { FFmpeg } from '@ffmpeg/ffmpeg'; Import { toBlobURL } from '@ffmpeg/util'; Let ffmpeg = null; Async function loadFFmpeg() { if (ffmpeg) return ffmpeg; ffmpeg = new FFmpeg(); // Optional: Log progress to the console ffmpeg.on('log', ({ message }) => { console.log(`[FFmpeg Log]: ${message}`); }); // Load the core WASM binaries from a CDN or local public folder const baseURL =... - Source: dev.to / 3 months ago

• This Tool Lets You Add Themeable Production-Ready Maps Into Your React App 🔥

  One implementation detail worth knowing: MapLibre parses map tiles in a Web Worker, which ships as a separate file. Mapcn loads that worker from unpkg by default, pinned to your installed version, so there's no manual setup. If you're running under a strict Content Security Policy, you'll need to allow script-src 'self' https://unpkg.com and worker-src 'self' blob: (plus whatever your basemap host needs). If you'd... - Source: dev.to / 2 months ago

• How I Built a PDF to JPG Converter That Renders at 600 DPI Inside a Browser Tab

  Https://unpkg.com" crossoriginpasted// blog-posts.js // ───────────────────────────────────────────────────────────────── // All blog posts for ihatepdf.cv // Each post supports: slug, title, description, date, readTime, // keywords, content, relatedPosts, relatedTools // ───────────────────────────────────────────────────────────────pasted#!/usr/bin/env node /**. - Source: dev.to / 7 months ago

• From Lerna to Changesets

  { "$schema": "https://unpkg.com/@changesets/config@3.1.3/schema.json", "changelog": "@changesets/cli/changelog", "commit": false, "fixed": [], "linked": [], "access": "restricted", "baseBranch": "main", "updateInternalDependencies": "patch", "ignore": [] }. - Source: dev.to / 7 months ago

• Visual UIs Are Now Possible in MCP Servers

  Import { registerAppTool, registerAppResource } from "@modelcontextprotocol/ext-apps/server"; Const resourceUri = "ui://iss-tracker/mcp-app.html"; // Register the UI resource (bundled HTML) RegisterAppResource(server, resourceUri, "text/html", () => APP_HTML); // Register the tool with UI metadata RegisterAppTool(server, "where_is_iss", { description: "Show ISS location on a live map", uiResourceUri:... - Source: dev.to / 9 months ago

• How to Build Reactive Declarative UI in Vanilla JavaScript

  From the official [0][@hyperapp/html]:

      import { app } from "https://unpkg.com/hyperapp";.

  - Source: Hacker News / 9 months ago

• Shadow DOM: Master Web Component Encapsulation for Modern JavaScript Apps

  // Feature detection and polyfill loading (function() { // Check if Shadow DOM is supported if (!('attachShadow' in Element.prototype)) { console.log('Shadow DOM not supported - loading polyfill'); // Load the polyfill const script = document.createElement('script'); script.src = 'https://unpkg.com/@webcomponents/webcomponentsjs/webcomponents-bundle.js'; script.onload = () => { ... - Source: dev.to / over 1 year ago

• CSS-zero: opinionated CSS starter kit for your "nobuild" application

  Bold move to call it "no build" when it requires me to install Ruby, Rails and this package. Not to mention that if I really want a "no build" tailwind I could simply add this single line: - Source: Hacker News / over 1 year ago

• trimMiddle() - the missing String trim command

  To use it in your own products, either use npm -​i trimmiddle or use the client-side version via unpkg. - Source: dev.to / almost 2 years ago

• Comprehensive Guide: Integrating a Drag-and-Drop Form Builder for Camunda.

  Const formEngine = document.createElement('script'); formEngine.crossOrigin = true; formEngine.src = 'https://unpkg.com/@react-form-builder/viewer-bundle@1.2.0/dist/index.umd.js'; document.body.append(formEngine);. - Source: dev.to / over 2 years ago

• Run0 – systemd based alternative to sudo announced

  Just a short reminder that Lennart is working for Microsoft. https://unpkg.com/@material-design-icons/svg@0.14.13/outlined/refresh.svg. - Source: Hacker News / over 2 years ago

• Criando um Design System reutilizável entre React e React Native com Tamagui

  // .changeset/config { "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json", "changelog": "@changesets/cli/changelog", "commit": false, "fixed": [], "linked": [], "access": "public", // Para publicar publicamente, defina como `public` "baseBranch": "main", // Defina com o nome da sua branch principal "updateInternalDependencies": "patch", "ignore": [] }. - Source: dev.to / over 2 years ago

• Show HN: YouTube Musical Spectrum Bookmarklet

  On platform that doesn't support browser extension (such as Google Chrome Android), you can run YouTube Musical Spectrum [1] using one of these bookmarklets: javascript:import("https://cdn.jsdelivr.net/npm/@mfcc64/ytms/script.mjs")

    javascript:import("https://unpkg.com/@mfcc64/ytms/script.mjs").

  - Source: Hacker News / almost 3 years ago

• 🔥 A next-generation CLI tool for building amazing web apps in Go using htmx & hyperscript

  CLI downloads minimized versions of htmx and hyperscript (from official and trusted unpkg.com CDN) to the ./static folder and places them as separated. - Source: dev.to / about 3 years ago

• Interactive Map of Linux Kernel

  And the controls seem to be made with https://github.com/timmywil/panzoom:

      .

  - Source: Hacker News / about 3 years ago

• CDN that bundles npm packages for browsers?

  Https://unpkg.com/: Seems to just provide the npm entry files straight up. Can’t use. Source: about 3 years ago

• Blog-cells: Interactive code cells for static sites

  Thanks! If you’ve got a way to add node packages to your frontend then it is pretty straightforward. If not, using unpkg (https://unpkg.com/) in a script tag should work. Happy to help you figure it out! Post in the discussion board on GitHub or email me (address on the website). - Source: Hacker News / about 3 years ago

• [Showoff Saturday] Replacing Abandoned Dependencies

  I had been using unpkg.com for a lot of the modules & web components / custom elements I used instead of having to npm I everything and wanted to be able to use importmap to not have to type out long URLs and use the same versions of things across a project when importing something. I found a plug-in to handle resolving @scope/package to a URL, but it prevented rollup-plugin-url-resolve from doing its thing. Source: over 3 years ago

• xtsz - a TS / JS file runner with support for HTTP/S imports

  Want to import a package / file conveniently from esm.sh or unpkg or directly from a GitHub repo for a one-off script (for example). To do this I created a custom ESBuild plugin to handle HTTP imports - that worked for ,js files. To support running both ESM and CJS, I use tsx. Source: over 3 years ago

• Tell HN: Unpkg.com Performance Issues

  Https://unpkg.com/ seems to be facing instability and flakiness currently. This is an opportunity to identify any assets that you're not caching and/or are directly pulling from unpkg.com in your production environment. I've encountered "HTTP 520 Web server is returning an unknown error" responses intermittently from Cloudflare. Recurring downtime for unpkg.com has been an issue in the past. In August... - Source: Hacker News / over 3 years ago

• New React docs pretend SPAs don't exist anymore

  You can actually still do this, and it is kind of a shame it's not documented on react.dev You need to pull in react, plus Babel standalone, and then you can use tags, which means you can bootstrap react components onto your page. But you are going to be basically running a compiler in your user's web browser. That's fine if you want to run that way, but Babel has docs that explain... - Source: Hacker News / over 3 years ago