Documentation

Visit hyunsui-docs. to access the full documentation.

Introduction

Hyunsui is a headless UI library for web apps. It does not include styles; instead, each component focuses solely on accessibility, state management, and semantic structure.

All visual presentation and rendering behavior are designed to be fully controlled by developers, enabling seamless integration with existing design systems through a developer-experience-focused API.

This library is developed as a personal project, and its component structure and design philosophy are informed by the approach of Radix UI.

Core Features

Unstyled

Components are provided without any styles applied, allowing you to have full control over both design and developer experience. You can style the components using any styling solution of your choice. For more details, please refer to the guide for each component.

Opened

Hyunsui components are designed to be customized to suit your needs. Our open component architecture provides you granular access to each component part, so you can wrap them and add your own event listeners, props, or refs.

Uncontrolled

Where applicable, components are uncontrolled by default but can also be controlled, alternatively. All of the behavior wiring is handled internally, so you can get up and running as smoothly as possible, without needing to create any local states.

Developer experience

One of our main goals is to provide the best possible developer experience. Hyunsui provides a fully-typed API. All components share a similar API, creating a consistent and predictable experience.

Community

Hyunsui is still under active development.

If you’d like to report an issue, request a feature, or contribute, please visit GitHub Issues.

Release 1.0.0

Features

• Initial release of Hyunsui
• Added core headless UI components:
  • Modal
  • Select
  • Collapse
  • Popover
  • Toggle
  • Slider
  • Tooltip