← 체험형단어장
AI / INTERFACE ATLAS

프론트엔드단어장

65 UI MODULES
버튼Button
아이콘 버튼Icon Button
카드 예시로 이동 →
링크Link
텍스트 필드Text Field
사과 · 바나나 · 포도
검색창Search Field
내 앱
홈 화면
앱 바App Bar
주말 산책 코스
카드Card
사진을 선택해 보세요
이미지 목록Image List
메이슨리Masonry
항목을 선택해 보세요
리스트 항목List Item
프로필설정
구분선Divider
체크박스Checkbox
셀렉트Select
라디오 버튼Radio Button
사진 모음
탭Tabs
모달 대화상자Modal Dialog
뒤쪽 화면
배경 가림막Backdrop
문서 작업
드롭다운 메뉴Dropdown Menu
문서 작업을 선택해 보세요
버튼 그룹Button Group
OFF
토글 스위치Switch
저장 안 됨
토글 버튼Toggle Button
눌러서 프로필 변경
아바타Avatar
읽지 않은 알림 3개
알림 배지Badge
비밀번호 입력창Password Input
0 / 100
여러 줄 입력창Text Area
이메일 형식을 확인해 보세요
폼 유효성 검사Form Validation
토스트 알림Toast
메모 1개
스낵바Snackbar
툴팁Tooltip
펼쳐보기

숨겨진 내용이
여기에 나타나요.

아코디언Accordion
로딩 스피너Spinner
ⓘ 새 버전이 있어요
알림 배너Alert Banner
홈 화면
하단 내비게이션Bottom Navigation
메뉴를 열어보세요
내비게이션 드로어Navigation Drawer
1페이지 내용
페이지네이션Pagination
여행 폴더
브레드크럼Breadcrumb
예시 상품 가격표
상품
노트3,000원
펜1,000원
가방9,000원
데이터 테이블Data Table
📁 프로젝트
📁 이미지
폴더를 펼쳐보세요
트리 뷰Tree View
아직 저장한 항목이 없어요
빈 상태Empty State
내용을 불러오지 못했어요
오류 상태Error State
0%
진행 표시줄Progress Bar
  1. 주문 완료
  2. 배송 시작
타임라인Timeline
로딩 모양 예시
스켈레톤 로딩Skeleton
날짜 선택기Date Picker
시작일과 종료일을 선택하세요
기간 선택기Date Range Picker
선택만 해요 · 전송하지 않아요
파일 업로드File Upload
도시 이름을 입력해 보세요
자동완성Autocomplete
필터 칩Filter Chip
바텀 시트Bottom Sheet
숲
1 / 3
캐러셀Carousel
선택 없음
다중 선택Multi-select
안녕하세요
팝오버Popover
월 9,000원
세그먼트 컨트롤Segmented Control
50
슬라이더Slider
20–80만원
범위 슬라이더Range Slider
별점 선택
별을 눌러보세요
별점Rating
오늘의 기록
툴바Toolbar
1
스테퍼(수량 조절)Stepper
숫자 6자리를 입력해 보세요
일회용 인증번호 입력OTP Input
  1. 1정보
  2. 2약관
  3. 3완료
단계 표시기Step Indicator
메모 0개
플로팅 액션 버튼Floating Action Button
빠른 작업
스피드 다이얼Speed Dial
라이트박스Lightbox
시간 선택기Time Picker
#23755f
색상 선택기Color Picker

정렬 방식

메뉴