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 πŸ™

Β© 2024 – Pkg Stats / Ryan Hefner

create-heat-app

v1.0.13

Published

Welcome to **HEAT**, the next-generation stack for building powerful, dynamic, and efficient web applications! 🌟

Downloads

864

Readme

πŸ”₯ The HEAT Stack πŸ”₯

Welcome to HEAT, the next-generation stack for building powerful, dynamic, and efficient web applications! 🌟

HEAT stands for HTMX, Express, Alpine.js, and TailwindCSS. This stack supercharges HTML to become the true Hypermedia as the Engine of Application State (HATEOAS). By simplifying your development workflow and enhancing the power of HTML, the HEAT stack makes creating web apps faster, easier, and much more enjoyable. πŸš€πŸ”₯


Why Choose the HEAT Stack? πŸ”₯πŸ”₯πŸ”₯

  1. High Locality of Behavior
    πŸ”₯ With the HEAT Stack, the functionality, structure, and style of your web page are all in one place.
    πŸ”₯ No more jumping between countless files to debug or enhance features.
    πŸ”₯ Your web pages are self-contained masterpieces.

  2. Low Magic
    πŸ”₯ The HEAT Stack minimizes abstraction.
    πŸ”₯ Project structures are intuitive, and debugging is straightforward.
    πŸ”₯ You have complete control, with no hidden surprises.

  3. Simplified State Management
    πŸ”₯ HTML is your state. Your state is HTML. Simple.
    πŸ”₯ Say goodbye to complex state management tools.
    πŸ”₯ Your client-side and server-side states are always in sync, making your application predictable and easy to maintain.


Getting Started

Create a HEAT Stack Project in Seconds! πŸ”₯

To get started with the HEAT Stack, run the following command:

npx create-heat-app create <appname>
cd <appname>
npm install
npm run dev