Super N 3.0
ID Name
프로필
설정
로그 아웃
Dashboard
Dashboard A
Dashboard B
Dashboard C
PAGES
콘텐츠 관리
콘텐츠 목록
콘텐츠 이미지 목록
콘텐츠 카드 목록
콘텐츠 작성 및 수정
콘텐츠 상세보기
로그인 & 회원관리
로그인
회원가입
회원관리
정보수정
회원가입/회원탈퇴 - 모달
페이지 관리
선택 & 입력창
사이트 환경 설정
사이트 배너 관리 / 수정
이벤트 배너 관리
이벤트 배너 등록 / 수정
카테고리 관리
페이지 등록 / 수정
샘플 페이지
검색 테이블
텝 설정
상세 검색 결과
트리 메뉴 & 리스트
탑 메뉴 & 설정
카드 리스트
Error 404
Error 500
페이지 레이아웃
100
50:50
50:50 - in card
20:80
33:33:33
Fix:100
Example
COMPONENTS
Charts
Charts - Chart.js
Charts - Apex Charts
Tables
Basic Table
Data Table
Elements
Basic
Button
Tabs
Modal
Basic
Notification
Swipe
Font Icon
OTHERS
Menu Label
NEW
External Link
Icon
/
Basic
Icon Search :
Font Name:
diveicon - Glyphs:812
Grid Size: Unknown
account-box
liga:
account-circle
liga:
add-image
liga:
add-Note
liga:
alarm-add
liga:
alarm-clock
liga:
alarm-off
liga:
alarm-on
liga:
alarm
liga:
alternate
liga:
analytics
liga:
android-face
liga:
android
liga:
announcement
liga:
app-add
liga:
app-block-box
liga:
app-block-line
liga:
app-indicator
liga:
app-list
liga:
app-square
liga:
app-unread
liga:
apple
liga:
apps-block
liga:
apps-square
liga:
apps
liga:
archive-box
liga:
archive-fill
liga:
archive
liga:
arrow-90left-down
liga:
arrow-90left-up
liga:
arrow-90left
liga:
arrow-90right-down
liga:
arrow-90right-up
liga:
arrow-90right
liga:
arrow-back-square-fill
liga:
arrow-back
liga:
arrow-down-square-fill
liga:
arrow-down-square
liga:
arrow-down
liga:
arrow-forward-square-fill
liga:
arrow-forward
liga:
arrow-insert
liga:
arrow-left-right
liga:
arrow-left-square-fill
liga:
arrow-left-square
liga:
arrow-left
liga:
arrow-lr-up-down
liga:
arrow-outward
liga:
arrow-reflash
liga:
arrow-reset
liga:
arrow-right-square-fill
liga:
arrow-right-square
liga:
arrow-right
liga:
arrow-up-down-square
liga:
arrow-up-down
liga:
arrow-up-square-fill
liga:
arrow-up-square
liga:
arrow-up
liga:
arrows-angle-contract
liga:
arrows-angle-expand
liga:
arrows-fullscreen
liga:
aspect-ratio-arrow
liga:
aspect-ratio-fill
liga:
aspect-ratio
liga:
assignment-add
liga:
assignment-fill
liga:
assignment-ind
liga:
assignment-turned-in
liga:
assignment
liga:
asterisk-small
liga:
asterisk
liga:
atm
liga:
badge-4k-fill
liga:
badge-4k
liga:
badge-8k-fill
liga:
badge-8k
liga:
badge-ad-fill
liga:
badge-ad
liga:
badge-cc-fill
liga:
badge-cc
liga:
badge-hd-fill
liga:
badge-hd
liga:
badge-tm-fill
liga:
badge-tm
liga:
bag-check-fill
liga:
bag-check
liga:
bag-fill
liga:
bag-smile-fill
liga:
bag-smile
liga:
bag
liga:
bags
liga:
bank-book
liga:
bank-transfer
liga:
bar-chart-fill
liga:
bar-chart-insert-fill
liga:
bar-chart-insert
liga:
bar-chart
liga:
battery-charging
liga:
battery-emty
liga:
battery-full
liga:
battery-harf
liga:
battery-l-0-bar
liga:
battery-l-4-bar
liga:
battery-l-5-bar
liga:
battery-l-6bar
liga:
battery-l-alert
liga:
battery-l-charging-full
liga:
battery-l-full
liga:
bell-alert-box-fill
liga:
bell-alert-box
liga:
bell-alert-fill
liga:
bell-alert
liga:
bell-notification-fill
liga:
bell-notification-on-fill
liga:
bell-notification-on
liga:
bell-notification
liga:
bicycle
liga:
block-line
liga:
bluetooth-connected
liga:
bluetooth
liga:
boat
liga:
bolt
liga:
book
liga:
bookmark-check-fill
liga:
bookmark-check
liga:
bookmark-fill
liga:
bookmark-new-fill
liga:
bookmark-new
liga:
bookmark-star-fill
liga:
bookmark-star
liga:
bookmark
liga:
boostzone
liga:
box-arrow-backup
liga:
box-arrow-download
liga:
box-arrow-link-blank
liga:
box-arrow-upload
liga:
box-seam
liga:
box
liga:
braces
liga:
briefcase-fill
liga:
briefcase
liga:
brightness-fill
liga:
brightness
liga:
broadcast-pin
liga:
broadcast
liga:
bug-
liga:
bug-fill
liga:
bug
liga:
building
liga:
bus-and-car
liga:
bus-pin
liga:
bus-stop
liga:
bus
liga:
calculator-fill
liga:
calculator
liga:
calendar-block
liga:
calendar-chart
liga:
calendar-check-fill
liga:
calendar-check
liga:
calendar-day-fill
liga:
calendar-day
liga:
calendar-event-fill
liga:
calendar-event
liga:
calendar-fill
liga:
calendar-month-fill
liga:
calendar-month
liga:
calendar-top-fill
liga:
calendar-week-fill
liga:
calendar-week
liga:
calendar
liga:
call-add
liga:
call-ai
liga:
call-ars
liga:
call-back
liga:
call-disabled
liga:
call-enabled
liga:
call-end
liga:
call-fill
liga:
call-in-talk
liga:
call-line
liga:
call-missed
liga:
call-missed1
liga:
call-pad
liga:
call-received
liga:
call-setting
liga:
call-volume
liga:
call-wifi
liga:
call
liga:
camera-fill
liga:
camera-video-fill
liga:
camera-video
liga:
camera
liga:
car-accident
liga:
car-driving
liga:
car-local-parking
liga:
car-parking
liga:
car
liga:
card-fill
liga:
card-line
liga:
caret-down-fill
liga:
caret-down-square-fill
liga:
caret-down-square
liga:
caret-left-fill
liga:
caret-left-square-fill
liga:
caret-left-square
liga:
caret-right-fill
liga:
caret-right-square-fill
liga:
caret-right-square
liga:
caret-up-fill
liga:
caret-up-square-fill
liga:
caret-up-square
liga:
cart-add
liga:
cart-empty
liga:
cart-fill
liga:
cart
liga:
cash-stack
liga:
cash
liga:
cast-connected
liga:
cast
liga:
cctv
liga:
chat-add
liga:
chat-box-left-dots-fill
liga:
chat-box-left-dots
liga:
chat-box-left-fill
liga:
chat-box-left-text-fill
liga:
chat-box-left-text
liga:
chat-box-left
liga:
chat-box-right-dots-fill
liga:
chat-box-right-dots
liga:
chat-box-right-fill
liga:
chat-box-right-text-fill
liga:
chat-box-right-text
liga:
chat-box-right
liga:
chat-circle-left-dot-fill
liga:
chat-circle-left-dot
liga:
chat-circle-left-fill
liga:
chat-circle-left-text-fill
liga:
chat-circle-left-text
liga:
chat-circle-left
liga:
chat-circle-right-dot-fill
liga:
chat-circle-right-dot
liga:
chat-circle-right-fill
liga:
chat-circle-right-text-fill
liga:
chat-circle-right-text
liga:
chat-circle-right
liga:
chat-time
liga:
chat-unread-chat-alt
liga:
check-box-on
liga:
check-box
liga:
check-chat-box
liga:
check-circle-fill
liga:
check-circle-line
liga:
check-circle
liga:
check-square-fill
liga:
check-square-line
liga:
check-square
liga:
check
liga:
chevron-bar-contract
liga:
chevron-bar-down
liga:
chevron-bar-expand
liga:
chevron-bar-left
liga:
chevron-bar-right
liga:
chevron-bar-up
liga:
chevron-contract
liga:
chevron-double-down
liga:
chevron-double-left
liga:
chevron-double-right
liga:
chevron-double-up
liga:
chevron-down
liga:
chevron-expand
liga:
chevron-left
liga:
chevron-right
liga:
chevron-up
liga:
chipset
liga:
clipboard-check
liga:
clipboard-data
liga:
clipboard-text
liga:
clipboard
liga:
clock-fill
liga:
clock-history1
liga:
clock-history2
liga:
clock-history3
liga:
clock
liga:
cloud-arrow-down-fill
liga:
cloud-arrow-down
liga:
cloud-arrow-up-fill
liga:
cloud-arrow-up
liga:
cloud-check-fill
liga:
cloud-check
liga:
cloud-data
liga:
cloud-download
liga:
cloud-fill
liga:
cloud-upload
liga:
cloud-warning
liga:
cloud
liga:
code-square
liga:
code-window
liga:
code
liga:
collection-arrow
liga:
collection-check-fill
liga:
collection-check
liga:
collection-code
liga:
collection-fill
liga:
collection-list
liga:
collection
liga:
command
liga:
compass-fill
liga:
compass
liga:
cone
liga:
contacts
liga:
controller-fill
liga:
controller
liga:
copy
liga:
copyright-sign
liga:
copyright-symbol
liga:
cpu-fill
liga:
cpu
liga:
crop
liga:
cup-fill
liga:
cup-straw
liga:
cup
liga:
cursor-fill
liga:
cursor-text
liga:
cursor
liga:
dash-circle-fill
liga:
dash-circle
liga:
liga:
dash-square
liga:
dash
liga:
dashboard-box
liga:
dashboard-chart
liga:
dashboard-fill
liga:
dashboard-info
liga:
dashboard-server
liga:
devices
liga:
diagram2
liga:
diagram3
liga:
dialpad-circle
liga:
dialpad
liga:
diamond-fill
liga:
diamond-rhombus
liga:
diamond
liga:
display-fill
liga:
display-search-fill
liga:
display-search
liga:
display
liga:
door-closed-fill
liga:
door-closed
liga:
dot
liga:
download-apps
liga:
download-file
liga:
email-empty
liga:
email-fill-notification
liga:
email-fill-open
liga:
email-fill
liga:
email-list-fill
liga:
email-list
liga:
email-notification
liga:
email-open-fill
liga:
email-open
liga:
email-setting
liga:
email-sim-fill
liga:
email
liga:
emergenc-call
liga:
emergenc-siren-fill
liga:
emergenc-siren-on
liga:
emergenc-siren
liga:
emergenc
liga:
exclamation-chat-fill
liga:
exclamation-chat
liga:
exclamation-circle-fill
liga:
exclamation-circle
liga:
exclamation-diamond-fill
liga:
exclamation-diamond
liga:
exclamation-square-circle
liga:
exclamation-square-fill
liga:
exclamation-square
liga:
exclamation-triangle-fill
liga:
exclamation-triangle
liga:
exclamation
liga:
exclude
liga:
face-id
liga:
face-sleep
liga:
face-smile
liga:
face
liga:
fan-box-fill
liga:
fan-box
liga:
fan-circle-fill
liga:
fan-circle
liga:
fan
liga:
favorite-hart-fill
liga:
favorite-hart
liga:
favorite-star-fill
liga:
favorite-star
liga:
file-copy
liga:
file-excel-xlsx
liga:
file-excel
liga:
file-image
liga:
file-keynote
liga:
file-numbers
liga:
file-powerpoint
liga:
file-text
liga:
file-word
liga:
file
liga:
filter-circle-fill
liga:
filter-circle
liga:
filter-left
liga:
filter-right
liga:
filter-square-fill
liga:
filter-square
liga:
filter
liga:
find-in-page-fill
liga:
find-in-page
liga:
finder-folder
liga:
finder
liga:
finger-click-fill
liga:
finger-click
liga:
finger-fill
liga:
finger-pinch
liga:
finger-swipe
liga:
finger
liga:
fingerprint
liga:
fire
liga:
flag-fill
liga:
flag
liga:
flashlight
liga:
folder-check
liga:
folder-delet
liga:
folder-file-fill
liga:
folder-file
liga:
folder-fill
liga:
folder-line
liga:
folder-open-fill
liga:
folder-open
liga:
folder-plus
liga:
folder-share
liga:
folder-x
liga:
font
liga:
fullscreen-exit
liga:
fullscreen
liga:
function
liga:
gear-admin
liga:
gear-check-fill
liga:
gear-check
liga:
gear-fill
liga:
gear-square-fill
liga:
gear-square
liga:
gear-system-update
liga:
gear
liga:
gem
liga:
geo-alt
liga:
geo-location
liga:
geo-my-location
liga:
gift-fill
liga:
gift
liga:
graph-down
liga:
graph-up
liga:
grid-2-fill
liga:
grid-3-fill
liga:
grid
liga:
grip-horizontal
liga:
grip-vertical
liga:
group
liga:
group2
liga:
group3
liga:
hart-fill
liga:
hart-half
liga:
hart
liga:
hash
liga:
hdd
liga:
hexagon-fill
liga:
hexagon-harf
liga:
hexagon
liga:
history
liga:
home-door-fill
liga:
home-door
liga:
home-fill
liga:
home
liga:
hotel_bed
liga:
hotel
liga:
image-fill
liga:
image
liga:
images
liga:
info-box-circle
liga:
info-box-fill
liga:
info-circle-fill
liga:
info-circle
liga:
info
liga:
justify-left
liga:
justify-right
liga:
justify
liga:
key
liga:
keyboard-fill
liga:
keyboard-pad
liga:
keyboard
liga:
label
liga:
language
liga:
laptop-fill
liga:
laptop
liga:
layer-back
liga:
layer-difference
liga:
layer-front
liga:
layer-intersection
liga:
layer-set
liga:
layer
liga:
LCD
liga:
lightning-fill
liga:
lightning
liga:
list-check-box
liga:
list-check
liga:
list-manage
liga:
list-ul
liga:
list
liga:
local-airport-land
liga:
local-airport
liga:
local-atm
liga:
local-bar
liga:
local-cafe
liga:
local-dining
liga:
local-ev-charger
liga:
local-fastfood
liga:
local-gas-station
liga:
local-hospital
liga:
local-laundry
liga:
local-library
liga:
local-museum
liga:
local-restaurant
liga:
local-store
liga:
lock-open
liga:
lock
liga:
login-open
liga:
login
liga:
logout
liga:
magnet
liga:
map-fill
liga:
map
liga:
memo-pencil-fill
liga:
memo-pencle
liga:
memo-pencle2
liga:
memo-post-add
liga:
memo-post-fill
liga:
memo-post
liga:
menu-box-closed
liga:
menu-box-fill
liga:
menu-box
liga:
menu-close-fill
liga:
menu-close
liga:
menu-open-fill
liga:
menu-open
liga:
menu
liga:
mic-fill
liga:
mic-mute-fill
liga:
mic-mute
liga:
mic-settings-voice
liga:
mic-stand-fill
liga:
mic-stand
liga:
mic
liga:
minus-box
liga:
minus
liga:
mobile-android
liga:
mobile-check
liga:
mobile-dial
liga:
mobile-flip
liga:
mobile-fold
liga:
mobile-ios-dark
liga:
mobile-ios
liga:
mobile-pad
liga:
mobile-store
liga:
mobile
liga:
moon-crescent
liga:
moon-half
liga:
moon
liga:
more-horiz
liga:
more-vert
liga:
movie-play-fill
liga:
movie-play
liga:
movie
liga:
music-backward-fill
liga:
music-backward
liga:
music-forward-fill
liga:
music-forward
liga:
music-list
liga:
music-pause-fill
liga:
music-pause
liga:
music-play-fill
liga:
music-play
liga:
music-stop-fill
liga:
music-stop
liga:
music
liga:
name-card-list
liga:
name-card
liga:
name-info-list
liga:
name-info
liga:
network-camera
liga:
network-check
liga:
network-disable
liga:
network-dns
liga:
network-fill
liga:
network-hdd
liga:
network-hub
liga:
network-sensor
liga:
network-setting
liga:
news
liga:
option
liga:
paperclip
liga:
payment
liga:
pen-fill
liga:
pen-underline
liga:
pen
liga:
pencil-fill
liga:
pencil-underline
liga:
pencil
liga:
people-all
liga:
people-box
liga:
people-group-add
liga:
people-group
liga:
people-info
liga:
people-outline
liga:
people
liga:
person-block
liga:
person-fill
liga:
person
liga:
personal-add-circle
liga:
personal-add
liga:
personal-info-fill
liga:
personal-info
liga:
pet
liga:
pets
liga:
pipe-chart
liga:
pipette
liga:
plus-large
liga:
plus
liga:
power-bold
liga:
power
liga:
print
liga:
problem-fill
liga:
problem
liga:
profile-smile
liga:
profile
liga:
push-fill
liga:
push-notification
liga:
push
liga:
question-answer
liga:
question-circle-fill
liga:
question-circle
liga:
question-diamond-fill
liga:
question-diamond
liga:
question-square-fill
liga:
question-square
liga:
question
liga:
radio
liga:
reboot
liga:
receipt
liga:
recycle
liga:
refresh-fill
liga:
refresh
liga:
reset-fill
liga:
reset
liga:
restart
liga:
retention
liga:
rotation-line
liga:
rotation-lock
liga:
rotation-on
liga:
rotation
liga:
rwis
liga:
scooter
liga:
search-large-bold
liga:
search-large
liga:
search
liga:
server
liga:
share
liga:
shield-add
liga:
shield-block
liga:
shield-check
liga:
shield-fill
liga:
shield-indicator
liga:
shield-seting
liga:
shield
liga:
shift-fill
liga:
shift
liga:
shuffle-fill
liga:
shuffle-line
liga:
shuffle
liga:
silent
liga:
sim-alert
liga:
sim
liga:
slash
liga:
sliders-horiz
liga:
sliders-vert
liga:
smart-watch
liga:
sns-facebook-circle
liga:
sns-facebook-square
liga:
sns-instagram-circle
liga:
sns-instagram-fill
liga:
sns-instagram
liga:
sns-kakao_plus
liga:
sns-kakao-alim-circle
liga:
sns-kakao-alim-talk
liga:
sns-kakao-ch
liga:
sns-kakao-circle
liga:
sns-kakao-firend-talk
liga:
sns-kakao-story-circle
liga:
sns-kakao-story
liga:
sns-kakao-t
liga:
sns-kakao-talk
liga:
sns-kakao
liga:
sns-naver-blog
liga:
sns-naver-circle
liga:
sns-naver
liga:
sort-alpha-down-alt
liga:
sort-alpha-down
liga:
sort-alpha-up-alt
liga:
sort-alpha-up
liga:
sort-down-alt
liga:
sort-down
liga:
sort-numeric-down-alt
liga:
sort-numeric-down
liga:
sort-numeric-up-alt
liga:
sort-numeric-up
liga:
sort-up-alt
liga:
sort-up
liga:
sound
liga:
soundwave
liga:
speed
liga:
spread
liga:
square-fill
liga:
square
liga:
star-circle
liga:
star-fill
liga:
star
liga:
statistics-fill
liga:
statistics-quarter
liga:
statistics
liga:
stoplights-fill
liga:
stoplights
liga:
store
liga:
sunny-fill
liga:
sunny
liga:
tab-line
liga:
table-line
liga:
terminal-fill
liga:
terminal
liga:
ternnel
liga:
textarea-t
liga:
textarea
liga:
thermometer-full
liga:
thermometer-half
liga:
thermometer
liga:
time-end
liga:
time-full
liga:
time-quarter
liga:
time-start
liga:
toggle-off
liga:
toggle-on
liga:
toggle
liga:
tool-box
liga:
tool
liga:
train
liga:
trash-fill
liga:
trash
liga:
truck-fill
liga:
truck
liga:
ui-checks-grid
liga:
ui-radios-grid
liga:
upload
liga:
vibration
liga:
vms
liga:
volume-down-fill
liga:
volume-down
liga:
volume-mute-fill
liga:
volume-mute
liga:
volume-off-fill
liga:
volume-off
liga:
volume-up-fill
liga:
volume-up
liga:
weather-cloud-fill
liga:
weather-cloud
liga:
weather-cloudy-gusts
liga:
weather-cloudy-windy
liga:
weather-cloudy
liga:
weather-fahrenheit
liga:
weather-fog
liga:
weather-hail
liga:
weather-humidity
liga:
weather-hurricane
liga:
weather-lightning
liga:
weather-rain
liga:
weather-rainny
liga:
weather-snow
liga:
weather-snowflake
liga:
weather-sunny-overcast
liga:
weather-sunny
liga:
weather-thunderstorm
liga:
weather-umbrella
liga:
weather-windy
liga:
whater
liga:
whather-celsius
liga:
wheelchair
liga:
wifi-1
liga:
wifi-2
liga:
wifi-bar-disable
liga:
wifi-bar
liga:
wifi
liga:
window-fill
liga:
window
liga:
x-circle-fill
liga:
x-circle
liga:
x-large
liga:
x-line
liga:
x-square-fill
liga:
x-square
liga:
zoom-in-fill
liga:
zoom-in
liga:
zoom-out-fill
liga:
zoom-out
liga: