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

@skutally/ui-library

v0.1.21

Published

A modern UI component library for HTML, Tailwind CSS & Stimulus.js. Copy-paste components into your project.

Downloads

98

Vulnerabilities

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

Links

Maintainers

pskutallypskutally

Keywords

uicomponentstailwindcssstimulusHTMLrailserb

Readme

@skutally/ui-library

A CLI for adding beautifully designed components to your HTML + Tailwind CSS v4 + Stimulus.js projects.

This is NOT a component library you install as a dependency. It's a collection of re-usable components that you copy into your apps and customize. The code is yours.

Installation

npx @skutally/ui-library init

For Rails projects: npx @skutally/ui-library init --rails

The init command creates a components.json config file and sets up src/base.css with Tailwind CSS v4 theme variables. In Rails mode, it also generates ERB partials, Stimulus controllers, and a helper module.

Usage

add

Add components to your project. Automatically resolves all required dependencies.

npx @skutally/ui-library add button npx @skutally/ui-library add modal tabs accordion npx @skutally/ui-library add button --rails

update

Update installed components to the latest version. Run without arguments to update all installed components, or specify names to update only those.

npx @skutally/ui-library update npx @skutally/ui-library update button modal

remove

Remove components from your project. npx @skutally/ui-library remove button

list

View all available components. npx @skutally/ui-library list

diff

Check if your local component differs from the registry version. npx @skutally/ui-library diff button

Components (48)

  • Accordion
  • Alert
  • Alert Dialog
  • Aspect Ratio
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Button Group
  • Calendar
  • Card
  • Carousel
  • Checkbox
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Date Picker
  • Dialog
  • Dropdown Menu
  • Hover Card
  • Input
  • Input OTP
  • Kbd
  • Label
  • Menubar
  • Navigation Menu
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Rating
  • Resizable
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Skeleton
  • Slider
  • Spinner
  • Switch
  • Table
  • Tabs
  • Textarea
  • Timeline
  • Toast
  • Toggle Group
  • Tooltip
  • Typography

Dark Mode

All components support dark mode out of the box. Add the dark class to your <html> element or use the built-in dark mode toggle controller.

Documentation

Visit the documentation page to view the full docs.

License

Licensed under the MIT license.