눈이 즐거운 UI Design 오픈소스 라이브러리 추천

1. Ant Design 

깔끔하고 단정한 느낌의 UI Design 프레임워크
워낙 유명해서 대부분의 개발자분들은 알 거라 생각합니다.
최근 1년동안 굉장이 애정했던 디자인 오픈소스로 업데이트도 빠르고, 호환성에서도 우수해서 사용하기 좋습니다.
다만 빌드 시, 너무 무거운게 단점(대부분의 프레임워크가 그렇듯..) vue2는 버전2를 끝으로 지원이 끝났다는것이 단점...(혹시 되나요?)

 

Ant Design - The world's second most popular React UI framework

 

 
 
 

2. mantine

기능까지 고려한 깔끔한 느낌의 프레임 워크,
최신 프레임워크로 기존에 나와있던 다른 패키지와는 다르게 기능부분이 꽤 우수해보임. 하지만 디자인부분에선 한계가 있는 느낌이 듭니다.
 
사용하면서 어려움은 없었습니다. 하지만 문서 자체가 기능별로 묶여져 있어서 찾아보는데 시간이 좀 걸리고
디테일한 설명이 부족한 느낌입니다.
그래도 지금 꽤 애정하면서 사용하고 있는 프레임워크입니다.
 

Mantine

 
FORM, HOOKS, STYLES 등등의 분야로 나눠서 컴포넌트를 찾아봐야하고
레퍼런스가 많지 않아 개발하는데 부담이 있으나, 막상 찾아보면 지원되는 소스들도 많고 install 한번에 여러가지 기능들을 굳이 install 하지 않고 사용할 수 있어서 좋았습니다.
 
 

3. mui

유명한 패키지 중 하나로, 깔끔한 느낌을 주는 프레임워크입니다.
아직 써보지는 않았지만 워낙 유명해서 토이프로젝틀 할 때 써볼 예정이고,
대부분의 UI 프레임워크가 그렇듯, 깔끔한 디자인과 블루톤 포인트 컬러가 시원한 느낌이 듭니다.
 

MUI: The React component library you always wanted

 

반응형

 

 

4. ionic

나중에 써보고 싶어서 적어놓은 프레임워크 중 하나입니다.
해당 소스는 좀 귀여운 느낌이 강한 디자인을 가지고 있고, 전체적으로 사용법은 비슷해보입니다.
좀 솔깃한건 app 호환이 잘된다는 소리를 들어서 2023년도엔 써보는 걸로!
 
https://ionicframework.com/

Ionic Framework - The Cross-Platform App Development Leader

 
 
 
 

npm trends

 
확실히 antd 인기는 무시못하겠지만
최근들어 mantine 이 완전 상승세인 걸로 봐선 몇년은 지켜봐야할 것 같다고 생각합니다. (아니면 개발자가 늘었다거나?)