bundle is a quick and easy way to bundle your projects, minify and see it's gzip size. It's an online tool similar to bundlephobia, but bundle does all the bundling locally on you browser and can treeshake and bundle multiple packages (both commonjs and esm) together, all without having to install any npm packages and with typescript support.
If there is something I missed, a mistake, or a feature you would like added please create an issue or a pull request and I'll try to get to it. You can contribute to this project at okikio/bundle.
You can join the discussion on Github discussions or Twitter.
You can now use search queries in bundle, all you need to do is add this to the url
?q={packages}&treeshake={methods to treeshake}
e.g.
You want react
, react-dom
, vue
, and @okikio/animate
, but only want the Animate
and toStr
methods exported from @okikio/animate
.
You would add this to the url bundlejs.com/?q=react,react-dom,vue,@okikio/animate&treeshake=[*],[*],[*],[{Animate,toStr}]
No features have been listed yet.
No bundlejs videos yet. You could help us improve this page by suggesting one.
Based on our record, Intro.js should be more popular than bundlejs. It has been mentiond 14 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
I was closing out some long lived issues over on bundlejs, when issue #50 reminded me of the ongoing debate about how bundlejs should handle the ESM and CJS packages. - Source: dev.to / 12 months ago
Still, I'm not really sure about its dependencies: it lists react and @tanstack/react-query (as opposed to @tanstack/query-core) and bundlejs reports 124KB gzipped. Also, while using it, you still need to refer to their react docs (that documentation is really good and has a lot of examples) but not everyone will be thrilled about checking a react documentation when they're using an angular package. Source: 12 months ago
It's somewhere in between. React as a lib and architecture _is_ platform-agnostic. The core logic is defined in the `react-reconciler` package. It contains all the implementation of rendering components, diffing trees, managing state, and running effects, as well as all the "Suspense" implementation. However, the way `react-reconciler` works is that it's built _into_ each platform-specific renderer... - Source: Hacker News / 12 months ago
React Hook Form has no dependencies and a small bundle size. It has a gzipped bundle size of 12.12KB, according to bundlejs. - Source: dev.to / over 1 year ago
These are shameless plugs, but https://bundlejs.com and https://inthistweet.app. I built both tools specifically because I didn't find any other tools that solved the problems I kept running into. Source: over 1 year ago
Intro.js like the others offers a rich set of features such as customizable steps and tooltips, keyboard navigation, theming, progress indicators and more. Like others, this library also has extensive documentation. Intro.js has open source licence under AGPL v3 and a commercial licence with different price plans. - Source: dev.to / 4 months ago
Intro.js might be what you’re looking for. Source: 12 months ago
Everything in the browser works with just CSS, JavaScript and HTML. There are JavaScript libraries for things like you are describing, if you are able to customize your site with JS - you should be able to use some of them. For example this one: https://introjs.com/. Source: over 1 year ago
For context, I'm using introjs to make a small tour in my website in 2 different pages. I'm making a cookie wheather a user has visited the page so I can only show the tour only once. My issue is that one cookie sets up with an expiration of 400 days as its supposed to be and the other one stays Session only but both are made from the exact same function with the exacth same parameters. Source: over 1 year ago
You can use something like https://introjs.com. Source: about 2 years ago
BundlePhobia - Find the performance impact of adding a npm package to your bundle.
UserGuiding - Create in-app experiences with the most straightforward product adoption platform — quick implementation, lasting user engagement.
esbuild - An extremely fast JavaScript bundler and minifier
Appcues - Improve user onboarding, feature activation & more — no code required! Stop waiting on dev and start increasing customer engagement today. Try it for free.
aijs.rocks - A collection of AI-powered JavaScript apps
ShepherdJS - Guide your users through a tour of your app.