Crucible v1.1.0 — 직접 소유하는 UI 컴포넌트 생성 (React/Vue/Angular)

발행: (2026년 6월 6일 PM 05:49 GMT+9)
3 분 소요
원문: Dev.to

출처: Dev.to

Crucible v1.1.0 — 앱 구축 키트 릴리스 🚀

대부분의 컴포넌트 라이브러리는 블랙 박스를 제공합니다: 패키지를 설치하고, API와 싸우며, 완전히 제어할 수 없는 런타임 의존성을 물려받게 됩니다.
Crucible는 반대 접근 방식을 취합니다 — 컴포넌트의 소스 코드를 직접 프로젝트에 생성합니다.
런타임이 없습니다. 모든 파일을 직접 소유합니다.
v1.1.0은 앱 구축 키트 릴리스입니다.
새로운 14개의 컴포넌트가 추가되어 라이브러리가 총 25개가 되었습니다 — Label, Separator, Badge, Skeleton, Avatar, Textarea, Checkbox, Switch, Alert, Progress(선형 + 원형), Breadcrumb, RadioGroup, Accordion, 그리고 floating‑ui DropdownMenu.
최소한의 SaaS 앱, 웹 앱, 폼, 혹은 마케팅 사이트를 스캐폴딩하기에 충분합니다.
플러그 앤 플레이 플러그인 아키텍처 — 엔진을 수정할 필요 없이 .crucible/plugins/에 매니페스트와 템플릿을 넣어 직접 컴포넌트를 추가할 수 있습니다.
모든 컴포넌트는 React / Vue / Angular와 CSS / SCSS / Tailwind를 지원하며, 토큰 기반이고 기본적으로 접근성을 보장합니다.

npm i -D @cruciblelab/crucible
npx crucible init
npx crucible add Button Card Dialog Accordion

생성된 파일은 프로젝트에 순수하고 읽기 쉬운 소스로 배치됩니다 — 마치 직접 작성한 코드처럼 편집할 수 있습니다.
라이브러리 릴리스 주기에 버전 고정이 없습니다
의견이 강한 API와 싸울 필요가 없습니다 — 마크업을 직접 수정하세요
사용자에게 전달되는 런타임 풋프린트가 없습니다

📦 npm: @cruciblelab/crucible
문서: https://crucible-docs.naveenr.in

다음에 어떤 것을 생성하고 싶으신가요? 댓글에 아이디어를 남겨 주세요 👇

0 조회
Back to Blog

관련 글

더 보기 »

모바일 한여름 열풍

!Cover image for Mobile Midsommer Madnesshttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploa...