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 🙏

© 2025 – Pkg Stats / Ryan Hefner

@vividcolors/unmagical

v0.0.3

Published

frontend framework for typical applications

Downloads

5

Readme

Unmagical

CAUTION: This software is in the development stage. Please note that the concept and specifications are subject to change.

Unmagical is a web front-end framework that aims to build applications of up to medium size quickly. Unmagical has the following features:

  • It is written in TypeScript. You can build your application in JavaScript or TypeScript.
  • It has an architecture similar to redux or Elm.
  • It has a schema and validation modeled after JSON Schema and JSON Schame Validation.
  • Based on hyperapp v1 (a view library similar to React.js), you can create pages in JSX.
  • The update process ( updating the application state ) is promise-aware. You can write a single function to handle updates that mix domain data updates, UI updates, and external communication.
  • It can be combined with any CSS framework. As a reference implementation, we provide a set of components that are combined with bulma.
  • It has built-in validation rules, update processing, and external communication processing. A simple application can be completed just by combining them.
  • It is written entirely in functional style, and you can benefit from it.
  • Since the domain logic is cut out as a single function, it can be executed in Node.js.

Installation

npm install @vividcolors/unmagical

or

yarn add @vividcolors/unmagical

You can also load it via CDN.

<script src="https://cdn.jsdelivr.net/npm/@vividcolors/unmagical/asset/unmagical-bulma.js"></script>

Documentation

I'll write about it someday.
For now, take a look at some of the demos in the repository.

License

MIT