Meerkit
Meerkit
HomeDocsComponentsAPI
GitHub

Getting Started

5
IntroductionInstallationProject StructureThemingDeployment

CLI

6
CLI Overviewinit & setupstart, stop & openstatus, check, env & logsdbadd, test & update

Core Concepts

5
AuthenticationRoles & PermissionsData ModelLogin LockoutSecurity

Guides

3
Protect a pageAdd a roleCall your own API

Components

24

사용자 화면12

Login FormSignup FormEmail VerificationTerms AgreementGoogle LoginPassword ResetProfile & PasswordNicknameAuth DialogProfile ImageUser AvatarUser Menu

관리자 화면6

Member TableMember DirectoryMember AI UsageMember AI Usage HistoryRole ManagerRole Select

공통5

Address FieldFile DropzoneLoadingDateRoute Guards

AI Components

4
AI Prompt InputThinking IndicatorAPI Key InputVoice

API

6
OverviewHealthAuthUsers · 내 정보Users · 관리자LLM

Reference

2
Hooks & StateFAQ

Overview

킷이 제공하는 모든 컴포넌트를 한눈에 봅니다.

사용자 화면

12
Login Form아이디와 비밀번호로 로그인하는 폼입니다.Signup Form아이디, 이름, 이메일, 비밀번호를 받는 가입 폼입니다.Email Verification이메일 인증번호 받기·확인 버튼. 서비스에 따라 켜고 끌 수 있습니다.Terms Agreement가입 시 약관 동의를 받는 체크박스 영역과, 체크박스·라디오 컴포넌트입니다.Google Login로그인·가입 폼 아래에 구글 계정으로 시작하는 버튼을 붙이는 옵션입니다.Password Reset이메일 링크로 비밀번호를 다시 정하는 비밀번호 찾기·재설정 화면입니다.Profile & Password내 정보 수정과 비밀번호 변경 화면입니다.Nickname닉네임 입력, 자동 생성 버튼, 마이페이지에서의 닉네임 변경입니다.Auth Dialog로그인과 가입을 하나로 묶은 모달입니다.Profile Image프로필 이미지를 고르고 미리 보며 올리는 입력입니다.User Avatar프로필 이미지 또는 이니셜로 사용자를 나타내는 아바타입니다.User Menu로그인한 사용자가 자기 계정을 다루는 아바타 드롭다운 메뉴입니다.

관리자 화면

6
Member Table관리자용 유저 목록 테이블입니다.Member Directory검색, 필터, 페이지네이션을 갖춘 관리자 멤버 목록입니다.Member AI Usage멤버의 AI 사용량을 원형(Radial) 차트로 보여 줍니다. 프론트 UI만 제공하며 사용량 집계는 추후 적용 예정입니다.Member AI Usage History멤버의 AI 사용량을 일·주·월별 막대(Bar) 차트로 보여 줍니다. 프론트 UI만 제공하며 사용량 집계는 추후 적용 예정입니다.Role Manager관리자가 사용자에게 권한(역할)을 부여하거나 바꾸는 확인 창입니다.Role Select유저의 역할을 바꾸는 선택 상자입니다.

공통

5
Address Field주소 검색 버튼으로 우편번호와 주소를 함께 입력하는 두 가지 주소 입력 방식입니다.File Dropzone끌어다 놓거나 눌러서 첨부파일을 고르는 영역입니다.Loading9가지 스타일의 로더와, 불러오는 중 화면에 공통으로 끼우는 모듈입니다.Date기본 달력, 날짜 선택, 시작·종료일 연동, 기간 범위 선택 입력입니다.Route Guards로그인과 역할로 화면을 보호합니다.

AI Components

4
AI Prompt InputAI에게 질문하거나 코멘트를 남기는 입력 폼. 글 입력, 파일 첨부, 에이전트 선택, 보내기·중지를 한 덩어리로 묶었습니다.Thinking IndicatorAI가 답을 준비하는 동안 보여 주는 "생각 중" 애니메이션입니다.API Key Input사용자가 자기 AI API 키를 넣는 입력 칸과, 웰컴 페이지의 AI 테스트(LlmPlayground)입니다. 로그인 안내와 토큰 사용량 표시를 포함합니다.Voice마이크로 말하면 입력창에 글로 들어가고, 목소리 크기에 따라 컬러 파동이 일렁입니다.
Call your own APILogin Form
© Meerkit. All rights reserved.GitHub