kilah ui 다운로드 -Kilah kilah ui 소스 코드 다운로드

kilah ui

기타 소스코드

KilahUI is born

다운로드

킬라 후이 | 무료 및 오픈 소스 | 원활한 적응성으로 웹 사이트를 더 빨리 구축하십시오

킬라 후

Kilahui는 Hyperui.dev 에서 영감을 받았습니다. 그것을 발견 한 이후, 나는 아이디어가 얼마나 훌륭했는지에 충격을 받았으며 내 버전을 만드는 데 착수했습니다.

이 프로젝트는 오픈 소스 이므로 구성 요소를 자유롭게 기여하십시오! CONTRIBUTING.md 의 가이드를 읽거나 공식 웹 사이트 (kilahui.vercel.app/contribute)의 기여 섹션을 방문하십시오.

시작하기

Kilahui는 종속성 관리에 PNPM을 사용합니다. 시작하려면 달리기 :

pnpm install
pnpm run dev

프로젝트는 Next.js v15 에서 실행되며 디렉토리 구조는 다음과 같습니다.

 public/
    components/       # Codebase for each component
src/
    app/
        (markdown-pages)/  # Pages that use MDX
        [category]/        # Route for each component
        api/               # Route handler for search
        components/        # Components used by the website
        constants/         # Constants
        context/           # Contexts
        hooks/             # Custom hooks
        lib/               # Modules

사용자 정의 색상

내가 다르게 한 첫 번째 일 중 하나는 사용자 정의 색상을 사용하는 것이 었습니다. 왜? 나는 종종 내 테마에 맞게 Tailwindcss 구성 요소 라이브러리에서 색상을 수정하는 것을 발견했습니다. 그래서 나는 Kilahui가 경험을 향상시키기 위해 맞춤형 색상을 제공하기로 결정했습니다.

Shadcn 과 색상 선언에 대한 접근에서 영감을 얻은 Kilahui에는 쉬운 다크 모드 지원이 포함되어 있습니다. 아래는 사용 된 기본 팔레트입니다.

 colors : {
  background : "#ffffff" ,
  foreground : "#d82116" ,
  card : "#ffffff" ,
  "card-foreground" : "#d82116" ,
  primary : "#846bce" ,
  "primary-foreground" : "#e9f1f9" ,
  secondary : "#e0e9f5" ,
  "secondary-foreground" : "#2d3446" ,
  accent : "#e0e9f5" ,
  "accent-foreground" : "#2d3446" ,
  danger : "#e5193e" ,
  "danger-foreground" : "#e9f1f9" ,
  border : "#d1dce8" ,
  input : "#d1dce8" ,
} ,