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

@n8d/htwoo-core

v2.9.2

Published

hTWOo is a Fluent Design Framework purely in HTML and CSS

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

stfbauerstfbauerjuliemturnerjuliemturner

Keywords

Fluent DesignOffice UI FrameworkUI FrameworkDesignFluent UIAtomic DesignReactJSSharePoint Framework

Readme

HTWOO UI framework

HTWOO UI is an open source alternative for Microsoft's Fluent UI Web Design system. hTWOo Core is a pure HTML/CSS and JavaScript implementation that can be used in any project. In addition, hTWOo React is a component based implementation that can be used in any ReactJS project (>= React 16).

100% Fluent Design DOM manipulation free license

Don't get set into one form, adapt it and build your own, and let it grow, be like water. Empty your mind, be formless, shapeless — like water. Now you put water in a cup, it becomes the cup; You put water into a bottle it becomes the bottle; You put it in a teapot it becomes the teapot. Now water can flow or it can crash. Be water, my friend. - Bruce Lee)

Be like water

HTWOO-Core

You will find a complete list of assets in the Style Guide.

How To Use HTWOO-CORE

Why just HTML and CSS

In the end it always comes down to HTML/CSS, no matter which framework you use for your development. HTML/CSS documented components serve no other longevity than any other framework. HTML and CSS can also be easily translated, included, and embedded in any other development framework.

HTML/CSS UI components can also be more easily optimized, refactored, or visually enhanced.

HTWOO-React

For ReactJS developers, we have an implementation of the htwoo-core library where we have provided a set of components compatible with Versions >=16 of ReactJS.

A complete getting stared guide plus full documentation on all the ReactJS components available can be found on our StoryBook Documentation

Concepts

The hTWOo style guide, documentation and building platform is based on patternlab.io. To allow the most flexible implementation of designs and design patterns, it follows the Atomic Design Methodology coined by Brad Frost around 2012 / 2013.

We're tasked with making interfaces for more users in more contexts using more browsers on more devices with more screen sizes and more capabilities than ever before. That's a daunting task indeed. Thankfully, design systems are here to help. - Brad Frost

Project Configuration

See the full project configuration.

Engage

Follow us on Twitter @htwooui.

Maintainers: Stefan Bauer (N8D), Julie Turner

Contributors: You ❤️

This project is tested with BrowserStack