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

krds-uiux

v1.1.0

Published

KRDS(Korea Responsive Design System)는 대한민국 디지털 정부를 위한 디자인 시스템입니다. HTML 컴포넌트를 통해 반응형, 접근성을 갖춘 UI/UX를 빠르고 일관되게 개발할 수 있도록 지원합니다. This system ensures consistency and reusability for public sector digital services in Korea.

Readme

KRDS HTML ComponentKit

대한민국 디지털 정부 서비스의 편의성, 일관성, 접근성, 사용성을 보장하기 위해 설계된 디자인 시스템이며, KRDS는 공공 서비스 웹사이트 및 애플리케이션에서 일관된 사용자 경험(UX)과 사용자 인터페이스(UI)를 제공하며, 다양한 디지털 정부 서비스의 표준화를 목적으로 한다.

설치

npm install krds-uiux

문서

질문

필요성

KRDS는 디자인 요소를 코드화(디자인 토큰)하여 디자이너, 개발자 등 실무자 간의 의사소통의 문제점과 작업 프로세스를 최소화하여 효율적인 과업 수행이 가능해진다.

KRDS의 디자인 라이브러리, 디자인 토큰, 그리고 HTML 컴포넌트 키트를 연동하는 작업은 공공 웹·앱 구축 및 운영에 필요한 디자인을 효율적으로 관리하고 일관성을 유지하는 핵심 과정이다.

구성 요소

KRDS 디자인 시스템은 디지털 정부 서비스의 공공 프로젝트에 맞춘 디자인 시스템으로, 일관된 사용자 경험(UX)을 제공하고 효율적인 디자인 및 개발 프로세스를 지원하기 위해 정의된 규칙, 원칙, 컴포넌트, 스타일 가이드, 패턴 및 도구들의 모음이다.

역할

HTML 컴포넌트 Kit는 디자이너가 정의한 UI 컴포넌트를 개발자가 쉽게 구현하고 재사용할 수 있도록 HTML, CSS, JavaScript로 구성된 웹 UI 컴포넌트 집합이며, 개발자가 HTML Component Kit을 설치하여 디자인 시스템을 쉽게 적용할 수 있도록 가이드라인을 제공한다.

HTML 컴포넌트 Kit를 사용하면 개발자는 기본적인 UI 요소를 직접 만드는 대신 재사용 가능한 컴포넌트를 활용하여 개발 속도를 높이고, 일관된 디자인을 유지할 수 있다.

저작권 및 라이선스

본 패키지는 대한민국 디지털 정부 디자인 시스템(KRDS)의 이용약관을 따름.