shadcn create 출시로 나만의 shadcn 만들기

shadcn create 가 출시되면서, 나만의 shadcn ui 를 create 에서 조정해서 프리셋을 만들고 해당 프리셋을 명령어 기반으로 create project 를 진행할 수 있게 되었다.

또한, 기존에는 radix ui 를 기반으로 디자인 시스템이 만들어졌는데, radix ui 의 업데이트 관련되서 여러 불만이 있었고 이번에 base ui 를 디자인 시스템으로 선택할 수 있도록 추가되었다.

 

사용하기

다음 shadcn create 로 접속하여 조정한 다음에 형상을 확인하면서 스타일을 조정할 수 있다. 

 

접속하면, 위와 같은 화면이 나오는데 오른쪽에서 ui, style 등을 선택하여 조정할 수 있으며, 조정이 끝난 후에 오른쪽 상단에 Create Project 를 눌러서 프리셋 명령어를 뽑을 수 있다.

그러면, 각 프로젝트별 Nextjs, TanStack Start, Vite 중에서 선택해서 커맨드를 요청할 수 있도록 하며, 이를 통해 프로젝트를 간단하게 설치할 수 있다.

 

나는 역시 base ui 를 기반으로 한 번 설치해보았다.

 

결론

shadcn은 전 세계적으로 인기가 많은 데에는 분명한 이유가 있다.
개발자들의 니즈를 잘 반영할 뿐만 아니라, 사용성 측면에서도 진입 장벽을 낮춰 쉽게 활용할 수 있도록 설계되어 있다는 점이 인상적이다.

특히 shadcn은 단순히 컴포넌트를 제공하는 라이브러리를 넘어, 개발자가 자신만의 디자인 시스템을 구축하고 확장해 나갈 수 있는 기반을 제공한다고 판단된다.

또한 Base UI는 이번에 v1.0.0이 출시되면서 안정성이 확보되었고, 향후 업데이트와 생태계 확장 측면에서도 충분히 기대할 만한 컴포넌트 UI 라이브러리라고 볼 수 있다.