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

@chassis-ui/docs

v0.2.0

Published

Shared Astro components and layouts for Chassis documentation sites.

Vulnerabilities

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

Links

Git

Maintainers

ozgurgunesozgurgunes

Keywords

astrochassisdocumentationcomponentslayoutsdesign-system

Readme

@chassis-ui/docs

Shared Astro layouts, components, and utilities for Chassis documentation sites.

License: MIT Version: 0.2.0 npm

Overview

@chassis-ui/docs powers every documentation site in the Chassis ecosystem — the main chassis-ui.com website and the per-package docs for chassis-css, chassis-tokens, chassis-icons, chassis-figma, and chassis-assets. It ships pre-built layouts, navigation components, content-processing utilities, and SCSS helpers so each site stays consistent without duplicating code.

[!NOTE] This package is developed inside the chassis-website monorepo at packages/docs/ and published to npm. Source, issues, and pull requests live in that repository.

Installation

pnpm add @chassis-ui/docs

or:

npm install @chassis-ui/docs

Peer Dependencies

{
  "astro": "^5.0.0"
}

In practice, sites also install the rest of the Chassis stack — @chassis-ui/css, @chassis-ui/tokens, @chassis-ui/icons — to render the layouts and styles correctly.

Usage

---
import BaseLayout from '@chassis-ui/docs/layouts/BaseLayout.astro'
import DocsLayout from '@chassis-ui/docs/layouts/DocsLayout.astro'
import SingleLayout from '@chassis-ui/docs/layouts/SingleLayout.astro'

import TableOfContents from '@chassis-ui/docs/components/TableOfContents.astro'
import ThemeToggler from '@chassis-ui/docs/components/ThemeToggler.astro'

import { generateTOC, processImage } from '@chassis-ui/docs'
---

<SingleLayout title="About" description="…">
  <slot />
</SingleLayout>

Exports

| Subpath | Contents | | --- | --- | | @chassis-ui/docs | Library functions: chassis, image, layout, rehype, toc, utils | | @chassis-ui/docs/layouts/* | BaseLayout, DocsLayout, RedirectLayout, SingleLayout | | @chassis-ui/docs/components/* | DocsSidebar, FeatureCard, NavLink, ResponsiveImage, TableOfContents, ThemeToggler | | @chassis-ui/docs/shortcodes/* | MDX shortcode components | | @chassis-ui/docs/libs/* | Direct access to individual library modules | | @chassis-ui/docs/js/* | Client-side scripts | | @chassis-ui/docs/scss/* | SCSS utilities and partials |

Source Layout

src/
├── components/      # Astro components (+ shortcodes/)
├── layouts/         # Page layouts (+ head/, header/, footer/)
├── libs/            # Utility libraries
├── js/              # Client-side scripts
└── scss/            # Styling utilities

Chassis Ecosystem

This package is part of the Chassis Design System's multi-repository architecture:

| Project | Description | | --- | --- | | chassis-website | Main website and home of @chassis-ui/docs (this package) | | chassis-css | CSS framework and component library | | chassis-tokens | Design token generation and management | | chassis-icons | Icon library and build toolkit | | chassis-assets | Multi-platform asset management | | chassis-figma | Figma component documentation |

All documentation sites in the ecosystem share this package for consistent layouts, components, and styling.

Contributing

Issues and pull requests are welcome — please file them in chassis-ui/website. For larger changes, open an issue first so we can agree on the approach before you write the code.

License

MIT © Chassis UI

Links