useCodeusecode logo

무료 리액트 어드민 대시보드 템플릿(Free React Admin Dashboard Template)

March 14, 2020

dashboard

보통 서비스를 운영하게 되면 서비스 관리를 위해 별도로 관리자 페이지를 만들어 사용하게 된다. 사내에서 제한된 인원들만 사용하는 경우가 많고, 대외 서비스를 목적으로 만들어지지 않기 때문에 굳이 시간과 공을 들여 디자인, 퍼블리싱하기보다는 저렴한 템플릿을 구매하여 커스터마이징 하는 경우가 많은 것 같다. 대시보드 템플릿의 경우 싸게는 몇 불에서 몇십 불이면 구매하기 때문에 원하는 디자인의 템플릿을 구매하는 게 좋을 수도 있다. 하지만, 막상 돈을 주고 소스를 구매하고 보면 생각보다 떨어지는 개발 퀄리티에 커스터마이징이 힘들거나 맘에 안 들어서 난감한 경우가 있다. 유료 템플릿 못지않은 무료 템플릿도 많이 있으니 이용해보면 좋지 않을까. 이번에는 그중 가장 리액트 기반의 무료 어드민 대시보드 템플릿을 모았다. 아래의 리스트를 참고해보자. (참고: 순서에 특별한 의미는 없습니다.)

Tabler React

Tabler React

Github stars Github license

소스 보기

Tabler의 리액트 버전입니다. 보통 대시보드 템플릿의 경우 freemium 기반이 많은데, 이 템플릿의 경우 완전 무료입니다. 하지만 유료 템플릿만큼 퀄리티도 좋고, 지금도 꾸준히 업데이트되고 있습니다. 부트스트랩4 기반이 익숙하시다면 추천합니다.

React Reduction

React Reduction

Github stars Github license

소스 보기

부트스트랩4 버전과 reactstrap 기반으로 만들어진 대시보드 템플릿입니다. 이 템플릿의 경우 부트스트랩에서 기본으로 제공하는 css를 최대한 활용하고, 커스텀 css는 최소한으로만 써서 사용자들의 별도로 템플릿 소스를 공부 할 필요가 없게 하는 데 목적으로 개발되었습니다.

Material Dashboard React

React Reduction

Creative Tim에서 material-ui 기반으로 만든 대시보드 템플릿입니다. 지금 소개하는 템플릿 이외에도 무료로 사용 할 수 있는 다른 템플릿 역시 많으니 한 번 둘러보는 것도 좋을 것 같네요. 이 템플릿은 유료 버전도 있습니다.

Github stars Github license

소스 보기

coreui free react admin

coreui free react admin

Github stars Github license

소스 보기

부트스트랩4 버전 기반으로 자체적으로 제작한 coreui 기반으로 만든 리액트 대시보드 템플릿입니다. Freemium 기반이라 유료 버전도 있습니다.

AntD Admin

AntD Admin

Github stars Github license

소스 보기

antd 기반으로 만들어진 리액트 대시보드입니다. antd-admin의 경우 단순 디자인 템플릿뿐만 아니라 국제화(i18n), 권한관리, api 연동 등의 기능도 포함하고 있습니다.

Shards Dashboard React

Shards Dashboard React

Github stars Github license

소스 보기

부트스트랩4 기반으로 자체 제작한 shards-ui를 베이스로 만들어진 리액트 대시보드 템플릿입니다. 더 다양한 템플릿과 컴포넌트를 제공하는 유료 버전도 있습니다.