Toris Blog
홈
블로그
프로젝트
할일 관리
소개
문의
홈
블로그
프로젝트
소개
문의
Toris Blog

Next.js, React, TypeScript로 만드는 모던 웹 개발 블로그

페이지

소개블로그프로젝트

소셜

© 2026 Toris-dev. All rights reserved.

All projects
T

TorisUI Kit

React interface system

Interfaces thatfeel alive.

모던하고 유연하며 접근 가능한 React UI 시스템. 인터랙션의 디테일은 이미 완성되어 있으니, 당신은 제품의 차이에 집중하세요.

Install UI GitHub
Live preview
PRO PLAN

Build without friction.

Accessible components with a soft-glass soul.

30+

components

100%

keyboard ready

0

theme lock-in

4×

quality gates

Product principles

예쁜 상태를 넘어, 모든 상태를 설계합니다.

Composable

작은 컴포넌트를 조합해 복잡한 제품 흐름까지. 스타일과 구조를 강요하지 않습니다.

Interactive

hover·focus·loading·error·reduced-motion까지 제품다운 반응을 기본값으로 제공합니다.

Accessible

키보드 탐색, focus trap, ARIA 관계와 forced-colors 대응을 테스트 가능한 계약으로 관리합니다.

Token playground

당신의 제품처럼 보이게.

색상, 라운딩, 테마를 바꿔도 컴포넌트의 상태·접근성·상호작용은 그대로 유지됩니다.

Theme controls

Accent

Mode

--tori-accent: #A855F7;
--tori-radius: 24px;
--tori-mode: dark;
WORKSPACE

Creative systems

TO+3

Overview score

84/100

Status

All systems fluid

A growing system

기본기를 반복해서 만들지 마세요.

</>Button
</>Card
</>Input
</>Tabs
</>Dialog
</>Toast
</>Dropdown
</>Slider
그리고 Accordion, Sheet, Popover, Rating, Pagination, Breadcrumb, EmptyState…
T

Build fluid. Ship with confidence.

30개 이상의 컴포넌트와 검증된 품질 게이트를 당신의 다음 React 제품에 가져오세요.

npm installMore projects