npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

vanillacreamjs

v1.0.6

Published

VanillaCreamJS is a modern, lightweight, and elegant JavaScript micro-framework that enhances the native DOM API while keeping everything intuitive, declarative, and close to the metal. Designed for developers who love the simplicity of plain JavaScript b

Readme

VanillaCreamJS

Vanilla JS with Superpowers

npm version npm downloads License: MIT

VanillaCreamJS is a modern, lightweight, and elegant JavaScript micro-framework that enhances the native DOM API while keeping everything intuitive, declarative, and close to the metal. Designed for developers who love the simplicity of plain JavaScript but need productivity features commonly found in larger frameworks, VanillaCreamJS bridges the gap between power and purity.


Why VanillaCreamJS?

VanillaCreamJS was created with one clear mission:
Make working with the DOM in vanilla JavaScript more productive and expressive, without sacrificing performance or control.

It offers a unified syntax to handle:

  • DOM selection and manipulation
  • Reactive state management
  • Data binding
  • Component creation
  • AJAX utilities
  • Transitions and animations
  • Declarative attributes and events

...all through a clean, chainable, and unobtrusive API.


What Makes It Different?

Unlike traditional frameworks, VanillaCreamJS does not abstract away the DOM — it empowers it. It enhances the standard elements instead of replacing them, giving you low-level access with high-level convenience.

You write real JavaScript, manipulate real nodes, and build real components — just faster, safer, and smarter.


Use Cases

VanillaCreamJS is perfect for:

  • Rapidly building small-to-medium front-end applications
  • Adding reactivity and interactivity to static sites
  • Enhancing vanilla projects without switching to React/Vue/Svelte
  • Teaching and learning how the DOM and state interact
  • Creating reusable components and declarative APIs

A Developer-Oriented Approach

Every method and utility in VanillaCreamJS is crafted with a developer-first mindset, favoring consistency, readability, and expressive power.
You are never locked into a rigid structure — instead, you are invited to build things your way, using just the tools you need.


Getting Started

You can start using VanillaCreamJS with a single <script> tag or as an ES module.
It plays well with everything and requires no build step.

Read the docs to explore real-world examples, advanced concepts, and how to build your own reactive components.


Built by a Developer, for Developers

VanillaCreamJS was born out of real needs: the need to build modern, reactive, modular interfaces without giving up the performance, simplicity, and direct power of vanilla JavaScript.

Whether you're a solo developer or part of a team, if you love JavaScript, you'll love VanillaCreamJS.


🥛 Vanilla never tasted so powerful.