본문으로 건너뛰기

NuxtUI는 Nuxt 프레임워크로 구축한 현대적인 웹 애플리케이션을 위한 UI 라이브러리입니다. 스타일이 완성된 사용자 지정 가능 컴포넌트를 폭넓게 제공해 멋지고 반응형인 애플리케이션을 간편하고 효율적으로 만들 수 있습니다.

설정의 유연성과 사용 편의성에 중점을 두어 Tailwind CSS에서 직접 색상 팔레트를 선택할 수 있으며, 컴포넌트에 선택한 색상이 자동으로 반영됩니다. 각 컴포넌트는 App Config나 개별 props를 통해 완전히 사용자 지정할 수 있어 개발자와 사용자 모두에게 맞춤형 경험을 제공합니다.

인기 아이콘 라이브러리의 다양한 아이콘을 사용할 수 있고, 라이트 모드와 다크 모드를 기본 지원합니다. Vue 컴포저블을 통한 키보드 단축키도 활성화되어 접근성과 사용자 상호작용을 향상합니다.

무료 버전 외에도 NuxtUI Pro는 복잡한 애플리케이션을 빠르게 구축할 수 있는 프리미엄 Vue 컴포넌트로 기능을 확장합니다. 반응형으로 작동하고 모든 화면 크기에 맞게 조정되며, 랜딩 페이지, 문서, SaaS 제품에 맞춘 고급 컴포넌트로 다양한 용도를 지원합니다.

기능

  • Nuxt용 스타일 완성형 사용자 지정 UI 컴포넌트
  • Tailwind CSS 색상 팔레트 선택
  • 라이트 모드와 다크 모드를 기본 지원
  • 인기 라이브러리의 10만 개 이상 아이콘 이용 가능
  • 키보드 단축키를 위한 Vue 컴포저블
  • 40개 이상의 컴포넌트 포함
  • Nuxt Content와 완벽하게 통합
  • 빠른 개발을 위한 템플릿
  • 컴포넌트 전반에 걸친 반응형 디자인
  • Nuxt UI Pro에서 프리미엄 컴포넌트 제공

관련 항목

ChakraUI

사용하기 쉽고 사용자 지정이 자유로운 필수 컴포넌트 모음으로 접근성 높은 웹 애플리케이션을 빠르고 효율적으로 만드세요.

flowbite

반응형이며 사용자 지정 가능한 UI 컴포넌트로 웹 프로젝트를 강화하는 오픈 소스 라이브러리입니다.

Radix Primitives

스타일이 적용되지 않은 접근성 높은 오픈 소스 React 프리미티브로, 고품질 웹 앱과 디자인 시스템을 구축할 수 있습니다.

Radix Vue

디자인 시스템 구축을 위한 사용자 지정 가능하고 접근성 높은 UI 컴포넌트를 제공하는 비공식 Vue 포트입니다.

React Aria

이 라이브러리를 사용하면 개발자는 사용자 상호작용과 환경 조건에 맞게 조정되는 접근성 높고 사용자 지정 가능한 컴포넌트를 만들 수 있습니다.

shadcn/ui

애플리케이션에 빠르게 통합해 디자인과 기능을 모두 개선할 수 있는 강력한 UI 컴포넌트 모음입니다.

shadcn-vue

최신 웹 애플리케이션을 위해 특별히 설계된, 시각적으로 뛰어나고 접근성 높은 컴포넌트 라이브러리를 구축하기 위한 다용도 도구입니다.

ArkUI

이 오픈 소스 UI 솔루션을 사용하면 다양한 시각적 스타일과 접근성 표준에 맞게 조정할 수 있는 사용자 지정 가능한 컴포넌트로 정교한 디자인 시스템을 만들 수 있습니다.