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

PrettyCSS

v0.3.19

Published

CSS pretty printer, lint checker, and validator

Downloads

6,660

Readme

PrettyCSS

PrettyCSS is a CSS3-compliant parser, lint checker, and pretty printer. With this tool you can check for CSS format violations and then beautify the code to standardize it. With another configuration you are able to crunch your styles down as much as possible to produce minified output.

This was created because there were no tools at the time that really covered all of our use cases and that also handled CSS3. Additionally, one can really benefit from the suggestions and value validation that is a part of PrettyCSS.

Features

  • Fast - over 500k of minified text can be loaded up, parsed, and checked against rules in a couple seconds
  • Portable - it is written in JavaScript, so it runs on servers, workstations, and even directly in your web browser
  • Thorough - CSS property names and values are checked to ensure you didn't mistype something
  • Tested - Many tests are included to cover all sorts of scenarios, with more being written for every edge case found
  • Free - the code is on GitHub (submit bugs and feature requests there) and use a MIT style license

Check it out with the live demo!

More Reading

  • Beautifier Options - Everything you can configure with the pretty printer
  • Lint - Here is a list of problems that could get detected
  • Errors and Warnings - A listing of all error and warning codes that can be generated
  • Install - instructions for how to get this running on your own computers
  • Command-Line Interface - Once installed, here is how to run it
  • Function Reference - The exposed functions on the object and the configuration options available for calling from JavaScript directly
  • Changelog - See why we touched the code between releases