Accesserty UI Kit

MIT 라이선스 웹 컴포넌트로, 키보드 동작·상태 동기화·시맨틱이 필요한 복합 인터랙션에 HTML‑first 방식으로 사용합니다

원문 보기

MIT-licensed accessible Web Components with an HTML-first approach, used when composite interactions need keyboard behavior, state sync, and semantics.

디자인JavaScript · HTMLGitHub @Accesserty온라인운영자 미확인

제품 방문하기 GitHub

써 보셨어요? 한 번만 눌러 주세요. 로그인은 필요 없어요.

가동 상태: 온라인; 30일 가동률 98.2%
최근 코드 업데이트: 10월 25일; 활성 저장소
최신 버전: v3.0.2; 10월 24일
기여자: 2명; 포크 0
라이선스: 라이선스 안내
주요 라이선스 조건의 요약입니다. 실제 이용 조건은 저장소의 LICENSE와 파일별 고지·추가 조건을 확인하세요.
이 제품에 표시된 정보
GitHub 자동 판별 · 저장소 대표 라이선스
MIT
제공된 라이선스 정보 ↗
저장소 관측은 파일별 조건·복수 라이선스·의존성 전체를 확인한 결과가 아닙니다.
관측 시점의 정보 · 마지막 수집 성공 10월 27일 02:29 (한국 시각)
저장소에서 LICENSE 확인 ↗
주요 라이선스 비교
표에 나온 라이선스는 각 조건을 지키면 상용 이용이 가능합니다. 복수·커스텀·미확인 라이선스의 허용 범위는 원문을 확인해야 합니다. 좁은 화면에서는 표를 좌우로 밀어 볼 수 있습니다.
주요 라이선스의 상용 이용, 수정·재배포, 소스 제공 의무와 핵심 조건. 라이선스 이름은 공식 원문 링크입니다.
라이선스 · 원문 상용 이용 수정·재배포 소스 제공 의무 핵심 조건
MIT ↗ 가능 가능 소스 제공 의무 없음 복사본·상당 부분에 저작권·허락 문구 유지
Apache-2.0 ↗ 가능 가능 소스 제공 의무 없음 라이선스·관련 고지·NOTICE 유지, 수정 표시. 특허 허락과 특허 소송 시 종료 조항
BSD-2-Clause ↗ 가능 가능 소스 제공 의무 없음 소스 또는 바이너리의 문서·자료에 저작권·조건·면책 문구 유지
BSD-3-Clause ↗ 가능 가능 소스 제공 의무 없음 BSD-2 조건 + 저작권자·기여자 이름을 허락 없이 홍보·보증에 사용 금지
ISC ↗ 가능 가능 소스 제공 의무 없음 모든 복사본에 저작권·허락 문구 유지
GPL-2.0 ↗ 가능 GPL 조건으로 가능 배포 시 해당 프로그램·파생물의 대응 소스 제공 GPL로 배포, 저작권·라이선스·변경 고지 유지. 단순 별도 묶음은 적용 범위에서 제외
GPL-3.0 ↗ 가능 GPL 조건으로 가능 배포 시 해당 프로그램·파생물의 대응 소스 제공 GPL로 배포, 고지·수정 표시. 특허 조항, 해당 소비자 제품에는 수정본 설치 정보도 제공
LGPL-2.1 ↗ 가능 LGPL 조건으로 가능 라이브러리 배포 시 해당 라이브러리·수정본의 소스 제공 앱은 다른 라이선스로 연결 가능. 라이브러리 교체·재연결 및 수정 디버깅용 역공학 허용 등 필요
LGPL-3.0 ↗ 가능 LGPL 조건으로 가능 라이브러리 배포 시 해당 라이브러리·수정본의 소스 제공 앱은 다른 라이선스로 연결 가능. 교체·재연결·수정 디버깅용 역공학 보장, 해당 제품은 설치 정보 제공
MPL-2.0 ↗ 가능 MPL 조건으로 가능 배포 시 MPL 적용 파일과 그 수정본의 소스 제공 파일 단위로 MPL 유지·고지. MPL 코드가 없는 별도 파일은 다른 라이선스로 결합 가능
AGPL-3.0 ↗ 가능 AGPL 조건으로 가능 배포 시 대응 소스 제공. 수정본의 원격 사용자에게도 무료 소스 접근 제공 GPL-3.0과 유사한 배포 조건 + 수정한 프로그램의 네트워크 이용자에게 소스 취득 방법 안내
Unlicense ↗ 가능 가능 소스 제공 의무 없음 저작권을 퍼블릭 도메인에 기증. 법이 허용하는 범위와 원문 확인
CC0-1.0 ↗ 가능 가능 소스 제공 의무 없음 저작권 등 포기, 효력이 없으면 대체 허락. 특허·상표권은 포함하지 않음
GPL·LGPL·AGPL의 -only는 해당 버전만, -or-later는 해당 버전 또는 이후 버전을 선택할 수 있다는 뜻입니다. 버전과 접미사가 없는 표기만으로 이후 버전 허용을 판단하지 마세요. 소스 제공은 조건에 따른 수령인·이용자 대상이며 항상 인터넷 전체 공개를 뜻하지는 않습니다.
GitHub의 라이선스 판별·표시 안내 ↗; GitHub 자동 판별 · 이전 수집 값 · 10월 27일 수집 기준
nomorevibe 등록: 9월 30일; 저장소 생성 2025년 4월

언어 구성

JavaScript 91.8%
HTML 3.7%
CSS 2.1%
Vue 외 2.4%

업데이트최근 30일 7건

전체

10월 24일v3.0.2GitHub 릴리스 ↗
10월 22일v3.0.1GitHub 릴리스 ↗
10월 17일v3.0.0GitHub 릴리스 ↗

Accesserty UI Kit

MIT 라이선스 웹 컴포넌트로, 키보드 동작·상태 동기화·시맨틱이 필요한 복합 인터랙션에 HTML‑first 방식으로 사용합니다

원문 보기

MIT-licensed accessible Web Components with an HTML-first approach, used when composite interactions need keyboard behavior, state sync, and semantics.

디자인JavaScript · HTMLGitHub @Accesserty온라인운영자 미확인

제품 방문하기 GitHub

써 보셨어요? 한 번만 눌러 주세요. 로그인은 필요 없어요.

가동 상태: 온라인; 30일 가동률 98.2%
최근 코드 업데이트: 10월 25일; 활성 저장소
최신 버전: v3.0.2; 10월 24일
기여자: 2명; 포크 0
라이선스: 라이선스 안내
주요 라이선스 조건의 요약입니다. 실제 이용 조건은 저장소의 LICENSE와 파일별 고지·추가 조건을 확인하세요.
이 제품에 표시된 정보
GitHub 자동 판별 · 저장소 대표 라이선스
MIT
제공된 라이선스 정보 ↗
저장소 관측은 파일별 조건·복수 라이선스·의존성 전체를 확인한 결과가 아닙니다.
관측 시점의 정보 · 마지막 수집 성공 10월 27일 02:29 (한국 시각)
저장소에서 LICENSE 확인 ↗
주요 라이선스 비교
표에 나온 라이선스는 각 조건을 지키면 상용 이용이 가능합니다. 복수·커스텀·미확인 라이선스의 허용 범위는 원문을 확인해야 합니다. 좁은 화면에서는 표를 좌우로 밀어 볼 수 있습니다.
주요 라이선스의 상용 이용, 수정·재배포, 소스 제공 의무와 핵심 조건. 라이선스 이름은 공식 원문 링크입니다.
라이선스 · 원문 상용 이용 수정·재배포 소스 제공 의무 핵심 조건
MIT ↗ 가능 가능 소스 제공 의무 없음 복사본·상당 부분에 저작권·허락 문구 유지
Apache-2.0 ↗ 가능 가능 소스 제공 의무 없음 라이선스·관련 고지·NOTICE 유지, 수정 표시. 특허 허락과 특허 소송 시 종료 조항
BSD-2-Clause ↗ 가능 가능 소스 제공 의무 없음 소스 또는 바이너리의 문서·자료에 저작권·조건·면책 문구 유지
BSD-3-Clause ↗ 가능 가능 소스 제공 의무 없음 BSD-2 조건 + 저작권자·기여자 이름을 허락 없이 홍보·보증에 사용 금지
ISC ↗ 가능 가능 소스 제공 의무 없음 모든 복사본에 저작권·허락 문구 유지
GPL-2.0 ↗ 가능 GPL 조건으로 가능 배포 시 해당 프로그램·파생물의 대응 소스 제공 GPL로 배포, 저작권·라이선스·변경 고지 유지. 단순 별도 묶음은 적용 범위에서 제외
GPL-3.0 ↗ 가능 GPL 조건으로 가능 배포 시 해당 프로그램·파생물의 대응 소스 제공 GPL로 배포, 고지·수정 표시. 특허 조항, 해당 소비자 제품에는 수정본 설치 정보도 제공
LGPL-2.1 ↗ 가능 LGPL 조건으로 가능 라이브러리 배포 시 해당 라이브러리·수정본의 소스 제공 앱은 다른 라이선스로 연결 가능. 라이브러리 교체·재연결 및 수정 디버깅용 역공학 허용 등 필요
LGPL-3.0 ↗ 가능 LGPL 조건으로 가능 라이브러리 배포 시 해당 라이브러리·수정본의 소스 제공 앱은 다른 라이선스로 연결 가능. 교체·재연결·수정 디버깅용 역공학 보장, 해당 제품은 설치 정보 제공
MPL-2.0 ↗ 가능 MPL 조건으로 가능 배포 시 MPL 적용 파일과 그 수정본의 소스 제공 파일 단위로 MPL 유지·고지. MPL 코드가 없는 별도 파일은 다른 라이선스로 결합 가능
AGPL-3.0 ↗ 가능 AGPL 조건으로 가능 배포 시 대응 소스 제공. 수정본의 원격 사용자에게도 무료 소스 접근 제공 GPL-3.0과 유사한 배포 조건 + 수정한 프로그램의 네트워크 이용자에게 소스 취득 방법 안내
Unlicense ↗ 가능 가능 소스 제공 의무 없음 저작권을 퍼블릭 도메인에 기증. 법이 허용하는 범위와 원문 확인
CC0-1.0 ↗ 가능 가능 소스 제공 의무 없음 저작권 등 포기, 효력이 없으면 대체 허락. 특허·상표권은 포함하지 않음
GPL·LGPL·AGPL의 -only는 해당 버전만, -or-later는 해당 버전 또는 이후 버전을 선택할 수 있다는 뜻입니다. 버전과 접미사가 없는 표기만으로 이후 버전 허용을 판단하지 마세요. 소스 제공은 조건에 따른 수령인·이용자 대상이며 항상 인터넷 전체 공개를 뜻하지는 않습니다.
GitHub의 라이선스 판별·표시 안내 ↗; GitHub 자동 판별 · 이전 수집 값 · 10월 27일 수집 기준
nomorevibe 등록: 9월 30일; 저장소 생성 2025년 4월

언어 구성

JavaScript 91.8%
HTML 3.7%
CSS 2.1%
Vue 외 2.4%

업데이트최근 30일 7건

전체

10월 24일v3.0.2GitHub 릴리스 ↗
10월 22일v3.0.1GitHub 릴리스 ↗
10월 17일v3.0.0GitHub 릴리스 ↗

Task	Read
Try a component in HTML	Quick Start
Use Vue, Nuxt, React or Next.js	Framework Integration
Handle files, form values, reset or validation	Usage reference
Configure Breadcrumbs, Tree, Card, Carousel or Accordion	Usage reference
Translate labels and status messages	Localization
Change styles	Styling
Upgrade an existing project	UPGRADING.md
Change or test the kit itself	CONTRIBUTING.md and Architecture
Run manual accessibility checks or inspect dated observations	Accessibility testing records

Element	Description
`<au-accordion>`	Expandable content panels with exclusive-mode support
`<au-breadcrumbs>`	Landmark navigation with JSON-driven items
`<au-card>`	Flexible content container with named slots
`<au-carousel>`	Accessible carousel: one pagination button per slide (named and positioned), responsive slides-per-view via `@container`, roving keyboard focus, and a polite live region
`<au-checkbox>`	Form-associated checkbox with customizable checkmark
`<au-dropdown>`	Popover-based menu with keyboard navigation
`<au-file-upload>`	Drag-and-drop file picker with preview, validation, and form integration
`<au-input>`	Text input with label, clear button, prefix/affix slots, and size variants
`<au-pagination>`	Configurable pagination with layout composition
`<au-radio-group>`	Form-associated radio group with vertical layout support
`<au-rating>`	Star rating with fractional fill, keyboard control, and score display
`<au-switch>`	Toggle switch with on/off labels and form integration
`<au-tabs>`	Tab panel with badge support and keyboard navigation
`<au-textarea>`	Textarea with label, auto-resize, and validation
`<au-tree>`	Hierarchical tree with checkboxes, type-ahead, and tri-state selection

Component	`v-model` value
`au-input`, `au-textarea`	string; a number for `type="number"` when the text parses as one (`.trim`, `.number` and `.lazy` work)
`au-checkbox`, `au-switch`	boolean; an array or `Set` of the checked boxes' `value`s; or `true-value` / `false-value`
`au-radio-group`	the selected `<au-radio>`'s `value` as you bound it (`:value="2"` gives `2`), or `null`
`au-rating`	number
`au-file-upload`	array of `File`; set it to `[]` to clear the selection

Component	Controlled	Uncontrolled	Read in `onChange`
`AuInput`, `AuTextarea`	`value`	`defaultValue`	`e.target.value`
`AuCheckbox`, `AuSwitch`	`checked`	`defaultChecked`	`e.target.checked`
`AuRadioGroup`	`value`	`defaultValue`	`e.target.value`
`AuRating`	`value`	`defaultValue`	`Number(e.target.value)`
`AuFileUpload`	—	—	`e.target.value` (array of `File`)

Without JavaScript	`au-accordion`	`au-tabs`	`au-breadcrumbs`
Looks like the final component	yes	yes	yes
Works	find-in-page and links open collapsed items where `until-found` is supported	only the selected panel is shown	links navigate

I want to…	Do this
Use the components as they are	Nothing. The script already includes their styles.
Change how a component looks	Step 1: Change a component
Make native `button`, `select`, `dialog`… match the kit	Step 2: Style native controls
Use one brand colour across many components	Step 3: Apply brand colours with tokens

주요 라이선스의 상용 이용, 수정·재배포, 소스 제공 의무와 핵심 조건. 라이선스 이름은 공식 원문 링크입니다.
라이선스 · 원문	상용 이용	수정·재배포	소스 제공 의무	핵심 조건
MIT ↗	가능	가능	소스 제공 의무 없음	복사본·상당 부분에 저작권·허락 문구 유지
Apache-2.0 ↗	가능	가능	소스 제공 의무 없음	라이선스·관련 고지·NOTICE 유지, 수정 표시. 특허 허락과 특허 소송 시 종료 조항
BSD-2-Clause ↗	가능	가능	소스 제공 의무 없음	소스 또는 바이너리의 문서·자료에 저작권·조건·면책 문구 유지
BSD-3-Clause ↗	가능	가능	소스 제공 의무 없음	BSD-2 조건 + 저작권자·기여자 이름을 허락 없이 홍보·보증에 사용 금지
ISC ↗	가능	가능	소스 제공 의무 없음	모든 복사본에 저작권·허락 문구 유지
GPL-2.0 ↗	가능	GPL 조건으로 가능	배포 시 해당 프로그램·파생물의 대응 소스 제공	GPL로 배포, 저작권·라이선스·변경 고지 유지. 단순 별도 묶음은 적용 범위에서 제외
GPL-3.0 ↗	가능	GPL 조건으로 가능	배포 시 해당 프로그램·파생물의 대응 소스 제공	GPL로 배포, 고지·수정 표시. 특허 조항, 해당 소비자 제품에는 수정본 설치 정보도 제공
LGPL-2.1 ↗	가능	LGPL 조건으로 가능	라이브러리 배포 시 해당 라이브러리·수정본의 소스 제공	앱은 다른 라이선스로 연결 가능. 라이브러리 교체·재연결 및 수정 디버깅용 역공학 허용 등 필요
LGPL-3.0 ↗	가능	LGPL 조건으로 가능	라이브러리 배포 시 해당 라이브러리·수정본의 소스 제공	앱은 다른 라이선스로 연결 가능. 교체·재연결·수정 디버깅용 역공학 보장, 해당 제품은 설치 정보 제공
MPL-2.0 ↗	가능	MPL 조건으로 가능	배포 시 MPL 적용 파일과 그 수정본의 소스 제공	파일 단위로 MPL 유지·고지. MPL 코드가 없는 별도 파일은 다른 라이선스로 결합 가능
AGPL-3.0 ↗	가능	AGPL 조건으로 가능	배포 시 대응 소스 제공. 수정본의 원격 사용자에게도 무료 소스 접근 제공	GPL-3.0과 유사한 배포 조건 + 수정한 프로그램의 네트워크 이용자에게 소스 취득 방법 안내
Unlicense ↗	가능	가능	소스 제공 의무 없음	저작권을 퍼블릭 도메인에 기증. 법이 허용하는 범위와 원문 확인
CC0-1.0 ↗	가능	가능	소스 제공 의무 없음	저작권 등 포기, 효력이 없으면 대체 허락. 특허·상표권은 포함하지 않음

주요 라이선스의 상용 이용, 수정·재배포, 소스 제공 의무와 핵심 조건. 라이선스 이름은 공식 원문 링크입니다.
라이선스 · 원문	상용 이용	수정·재배포	소스 제공 의무	핵심 조건
MIT ↗	가능	가능	소스 제공 의무 없음	복사본·상당 부분에 저작권·허락 문구 유지
Apache-2.0 ↗	가능	가능	소스 제공 의무 없음	라이선스·관련 고지·NOTICE 유지, 수정 표시. 특허 허락과 특허 소송 시 종료 조항
BSD-2-Clause ↗	가능	가능	소스 제공 의무 없음	소스 또는 바이너리의 문서·자료에 저작권·조건·면책 문구 유지
BSD-3-Clause ↗	가능	가능	소스 제공 의무 없음	BSD-2 조건 + 저작권자·기여자 이름을 허락 없이 홍보·보증에 사용 금지
ISC ↗	가능	가능	소스 제공 의무 없음	모든 복사본에 저작권·허락 문구 유지
GPL-2.0 ↗	가능	GPL 조건으로 가능	배포 시 해당 프로그램·파생물의 대응 소스 제공	GPL로 배포, 저작권·라이선스·변경 고지 유지. 단순 별도 묶음은 적용 범위에서 제외
GPL-3.0 ↗	가능	GPL 조건으로 가능	배포 시 해당 프로그램·파생물의 대응 소스 제공	GPL로 배포, 고지·수정 표시. 특허 조항, 해당 소비자 제품에는 수정본 설치 정보도 제공
LGPL-2.1 ↗	가능	LGPL 조건으로 가능	라이브러리 배포 시 해당 라이브러리·수정본의 소스 제공	앱은 다른 라이선스로 연결 가능. 라이브러리 교체·재연결 및 수정 디버깅용 역공학 허용 등 필요
LGPL-3.0 ↗	가능	LGPL 조건으로 가능	라이브러리 배포 시 해당 라이브러리·수정본의 소스 제공	앱은 다른 라이선스로 연결 가능. 교체·재연결·수정 디버깅용 역공학 보장, 해당 제품은 설치 정보 제공
MPL-2.0 ↗	가능	MPL 조건으로 가능	배포 시 MPL 적용 파일과 그 수정본의 소스 제공	파일 단위로 MPL 유지·고지. MPL 코드가 없는 별도 파일은 다른 라이선스로 결합 가능
AGPL-3.0 ↗	가능	AGPL 조건으로 가능	배포 시 대응 소스 제공. 수정본의 원격 사용자에게도 무료 소스 접근 제공	GPL-3.0과 유사한 배포 조건 + 수정한 프로그램의 네트워크 이용자에게 소스 취득 방법 안내
Unlicense ↗	가능	가능	소스 제공 의무 없음	저작권을 퍼블릭 도메인에 기증. 법이 허용하는 범위와 원문 확인
CC0-1.0 ↗	가능	가능	소스 제공 의무 없음	저작권 등 포기, 효력이 없으면 대체 허락. 특허·상표권은 포함하지 않음

Accesserty UI Kit

언어 구성

업데이트최근 30일 7건

디자인 분야에서 지금 뜨는

Accesserty UI Kit

언어 구성

업데이트최근 30일 7건

디자인 분야에서 지금 뜨는

댓글

소개

README

Accesserty UI Kit

Find what you need

Features

Components

Quick Start

Plain HTML

File selection and native forms

Framework Integration

Vue 3

React and Next.js

Other frameworks

Nuxt

Server rendering

Tree data in plain HTML and frameworks

Localization

Styling

Step 1: Change a component

Step 2: Style native controls

Step 3: Apply brand colours with tokens

Styling details

Reserving space before registration

Card content and native behavior

Carousel integration

Accordion state and accessible structure

Browser Support

Development

Contributing

License

README

README

Accesserty UI Kit

Find what you need

Features

Components

Quick Start

Plain HTML

File selection and native forms

Framework Integration

Vue 3

React and Next.js

Other frameworks

Nuxt

Server rendering

Tree data in plain HTML and frameworks

Localization

Styling

Step 1: Change a component

Step 2: Style native controls

Step 3: Apply brand colours with tokens

Styling details

Reserving space before registration

Card content and native behavior

Carousel integration

Accordion state and accessible structure

Browser Support

Development

Contributing

License