bidyut10/opensourceui
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
오픈소스 UI: React와 Next.js용 무료 오픈소스 및 프로덕션 준비가 된 구성 요소. TypeScript, Tailwind CSS, lucide 아이콘으로 구동됩니다
개요
Tailwind CSS와 TypeScript로 구축된 프리미엄 무료 React/Next.js 컴포넌트. 구독 필요, 유료 장벽 없음. /components에서 실시간 미리보기, 설정 가이드, 복사 준비 가능한 소스를 함께 둘러보세요. 대부분의 UI 키트는 비슷하게 생겼거나, 한 버튼 사용하기 전에 전체 시스템을 배워야 할 수도 있어요. 저는 실제로 일하는 방식에 더 가까운 걸 원했어요: 보기 좋은 컴포넌트를 찾아서 프로젝트에 파일을 넣고, 소품을 조정하고, 다음 단계로 넘어가는 식으로요. 이 컴포넌트들은 패키지로 설치되는 것이 아니라 복사용으로 설계되었습니다. 프로바이더 래퍼도 없고, 디코딩할 테마 설정도 없습니다. 각 파일은 독립적으로 구성되어 있습니다. 아이콘은 아이콘/—추가적인 NPM 패키지 없이 단순한 SVG React 컴포넌트입니다. 저도 nexticons.in 함께 사용합니다. 오픈소스 UI는 커서, 클로드 코드, 코덱스, 코파일럿, 그록, 챗GPT 등 코딩 에이전트와 함께 작동합니다. 에이전트 키트는 스킬 워크플로우와 참고 문서(카탈로그, 설계 시스템, 구현 가이드, 파일 인벤토리)를 포함하고 있습니다. 도구별 설정 단계와 예제 프롬프트는 참고하세요.
개요(AI 번역)
프로젝트에 복사한 무료 React와 Next.js UI. 30개 카테고리에 걸쳐 200+ 컴포넌트, TypeScript, Tailwind CSS v4, 라이브 프리뷰. 개인 및 상업용 MIT를 사용할 수 있으며 — 설치 패키지 필요 없고, 나중에 유료 장벽도 없습니다.
카탈로그를 opensourceui.in/components 에서 둘러보세요.
왜 복사-붙여넣기
대부분의 키트는 버튼을 쓸 수 있게 하기 전에 시스템을 배우라고 요구합니다. 이 부품들은 복제용이지 설치용이 아닙니다: 컴포넌트를 찾고, 파일을 붙여넣고, 소품을 조정한 뒤 배송하면 됩니다. 공급자 설정도 없고 테마 설정도 없습니다.
퀵 스타트
Node.js 22.x.
| 명령 | 그것이 하는 일들 |
|---|---|
npm run dev |
개발 서버 |
npm run build |
out/로 정적 내보내기 (먼저 check:showcase 실행) |
npm run lint |
ESLint |
npm run typecheck |
tsc --noEmit |
npm run format |
더 예쁘게, 테일윈드 클래스 분류 |
npm run test |
비테스트 단위 테스트 |
npm run verify |
완전 게이트: 형식, 보풀, 활자, 카탈로그, 디자인, 테스트, 제작, 극작가 |
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
Opensource UI
Free React and Next.js UI you copy into your project. 200+ components across 30 categories, TypeScript, Tailwind CSS v4, and live previews. MIT for personal and commercial use — no package to install, and no paywall later.
Browse the catalog at opensourceui.in/components.
Why copy-paste
Most kits ask you to learn a system before one button is usable. These pieces are meant to be copied, not installed: find a component, paste the file, tweak props, and ship. No provider setup and no theme config.
Quick start
Node.js 22.x.
git clone https://github.com/bidyut10/opensourceui.git
cd opensourceui
npm install
npm run dev
- Homepage: http://localhost:3000
- Catalog: http://localhost:3000/components
| Command | What it does |
|---|---|
npm run dev |
Dev server |
npm run build |
Static export to out/ (runs check:showcase first) |
npm run lint |
ESLint |
npm run typecheck |
tsc --noEmit |
npm run format |
Prettier, with Tailwind class sorting |
npm run test |
Vitest unit tests |
npm run verify |
Full gate: format, lint, types, catalog, design, tests, build, Playwright |
npm run verify:quick |
Same gate without build and end-to-end tests |
Husky runs Prettier and ESLint on commit, then npm run verify on push. GitHub CI runs the same checks.
Use a component
There is no opensourceui npm package. Copy the file from components/, then bring along whatever that file imports:
lib/cn.ts, plusclsxandtailwind-merge- Matching files from
icons/ lucide-react, when the source imports it
추천 도구
다른 키워드를 입력하거나 필터를 제거해 보세요.
설치
npx skillfish add bidyut10/opensourceui