unpkg Reviews and details

Social recommendations and mentions

• 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 / about 1 month 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 / 2 months 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 / 4 months 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 / 11 months 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 / about 1 year 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 / about 1 year 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 / over 1 year 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 / over 1 year ago

• Interactive Map of Linux Kernel

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

      .

  - Source: Hacker News / over 1 year 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: over 1 year 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 / over 1 year 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: almost 2 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: about 2 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 / about 2 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 / about 2 years ago

• Docker is deleting Open Source organisations - what you need to know

  You don't need maintainers to stop using npm to import their code as dependencies. Since all you need is the url to the module you could just import directly from github, or even something like https://unpkg.com/ gives you versioned urls to npm packages. Source: about 2 years ago

• Writing JavaScript without a build system

  Great she mentioned https://unpkg.com/ which is a great place to start. Import maps are also worth exploring. Documentation isn't great but I've managed to ditch npm on some side projects and use import maps and CDNs instead. Worth it for small projects without a doubt. - Source: Hacker News / about 2 years ago

• Importing NPM modules client-side?

  If you’re just hacking something together and don’t need to bundle then just import from https://unpkg.com . Source: over 2 years ago

• We asked ChatGPT how to use our service. Here is what AI answered

  Name="my_file" css-src="https://unpkg.com/@uploadcare/blocks@0.14.3/web/file-uploader-regular.min.css" >. - Source: dev.to / over 2 years ago

• How to provide fresh version of web-component to a client?

  I use cdn like https://unpkg.com/ to serve my component published to npm as esm module. Your customers can use version in url to link to specific version of your component, or omit version, then unpkg will automatically redirect to the latest version. Source: over 2 years ago

• Formula for playing midi songs

  Write complete html and javascript to support tonejs midi. Require is not a valid javascript keyword. Load the following scripts: https://unpkg.com/@tonejs/midi, https://unpkg.com/tone@13.4.9, and https://unpkg.com/@tonejs/ui@0.0.8 AudioContext must be resumed (or created) only after a user gesture on the page, in this case a button labeled Play. AudioContext must be inside Tone's constructor. Use Midi.fromUrl... Source: over 2 years ago